Auth0 with react-native - react-native

Question

I'm trying to Example repo. But when this call is executed: const { accessToken } = await getCredentials();, accessToken is undefined
I have created Auth0 Application and copy my domain and clientId
so plugins in app.json looks like this:
"plugins": [
[
"react-native-auth0",
{
"domain": "{MY_DOMAIN}"
}
]
],
Also have Auth0Provider who looks like this:
Auth0Provider domain={config.domain} clientId={config.clientId}
Callback and Logout urls are all set. Here is image literally from provided example:
and getCredentials keep throwing undefined after client login with Google

Answer 1

You can d two approaches here.
Using a loader and waiting until data loading.
Using useEffect() with Promise() or using only useEffect().
in the App.js
const { user, getCredentials} = useAuth0();
const [isLoading, setIsLoading] = useState(false);
const getUserMetadata = async () => {
setIsLoading(true);
const tokenData = await getIdTokenClaims();
if (tokenData) {
localStorage.setItem(USER_OBJECT_KEY, tokenData['__raw']);
setIsLoading(false);
}
};
useEffect(() => {
const storedAccessToken = localStorage.getItem(USER_OBJECT_KEY);
if (!storedAccessToken) {
getUserMetadata();
}
}, [getCredentials, user]);
if (isLoading) {
return <div>Loading...</div>;
}
return (
Your code.....
)