Object is not a constructor in React Native

Asked Sep 09 '19 at 22:47

Active Sep 10 '19 at 01:45

Viewed 1,216 times

I am writing a React Native app.

I am trying to authenticate using Keycloak.

I am using the react-keycloak library.

Here's my code:

import Keycloak from "keycloak-js";
import { KeycloakProvider } from "react-keycloak";
import keycloak_config from "./config/keycloak.json";
const keycloak = new Keycloak(keycloak_config);

This is throwing the following error:

However, this is quite literally how the docs for this library suggest to use it, and I have tested it previously in other projects and it works fine.

What is going on here? Is it a react native issue specifically?

I was asked for keycloak.json, so here it is:

keycloak.json:

{
  "resource": "client-name",
  "realm": "realm-name",
  "ssl-required": "external",
  "public-client": true,
  "confidential-port": 0,
  "clientId": "client-name",
  "url": "https://example-domain-here.com/auth",
  "auth-server-url": "https://example-domain-here.com/auth",
  "credentials": {
    "secret": "alphanumeric-hash-from-keycloak"
  }
}

edited Sep 10 '19 at 01:45

asked Sep 09 '19 at 22:47

Steven Matthews

9,705
45
126
232

One possible solution might be related to allowSyntheticDefaultImports? – Steven Matthews Sep 10 '19 at 01:28
Post `keycloak.json` also. – ravibagul91 Sep 10 '19 at 01:43
@ravibagul91 posted it – Steven Matthews Sep 10 '19 at 01:45
That's the node.js adapter. Wouldn't I be using the pure JS adapter? – Steven Matthews Sep 10 '19 at 02:15
https://www.keycloak.org/docs/latest/securing_apps/index.html#_javascript_adapter - here, as opposed to your link – Steven Matthews Sep 10 '19 at 02:16
And that file IS the file from the admin console. – Steven Matthews Sep 10 '19 at 02:16
I am also having the "Object is not constructor" error when trying to use your syntax with an object with store as the first value – Steven Matthews Sep 10 '19 at 02:18
I actually think that this library possibly cannot be used with React Native – Steven Matthews Sep 10 '19 at 04:38
@CecilRodriguez You can loged in user using keycloak script. Look on my answer: https://stackoverflow.com/a/57817462/6678345 – michal Sep 10 '19 at 11:40
I’m not sure how this solves my problem. I’m likely going to have to fork the library for RN – Steven Matthews Sep 10 '19 at 13:01

Object is not a constructor in React Native

0 Answers0