Methods not available on Auth0Client

[nojaf]

Methods not available on Auth0Client

[nojaf]

Thanks for pointing this out. I really like the hook!

[nojaf]

My problem is related to passing the client down using React.Context.
Somehow the prototype is reset to Object.
Right after the promise resolves, the object does contain the methods.

[blakedietz]

@nojaf did you have a fix for this? I'm following the documentation listed in the react quickstart and am applying it to my app. I'm still seeing this issue by using their example.

[nojaf]

So what I had is something like this

const App = ({auth}) => {
   console.log(auth); // here prototype of Object
   <p>my app</p>
}

createAuth0Client({}).then(auth0 =>
   console.log(auth); // here prototype of AuthClient
    const elem = document.getElementById("app")
   ReactDOM.render(elem , <App auth={auth0} />);
)

My current workaround was

let auth0 = null;
const App = () => {
   console.log(auth0); // still prototype of AuthClient
   <p>my app</p>
}

createAuth0Client({}).then(auth =>
   console.log(auth); // here prototype of AuthClient
   auth0 = auth;
    const elem = document.getElementById("app")
   ReactDOM.render(elem , <App />);
)

I'm not a huge fan of this workaround. Because well a nasty mutable global.

[stevehobbsdev]

@nojaf I'm not sure if you've seen this, but we are trialling a React wrapper, which makes an appearance in out React SDK Quickstart. Eventually this wrapper will become a library of its own, but right now it provides an Auth0Provider component that can wrap your application and provide the Auth0 instance, which uses Context under the hood.

You can see how the component is used on that same doc, or in the React auth0-spa-js sample app.

Does this help you with your issue? If you use the wrapper and have any feedback on it, we'd love to hear it.