How to solve Auth0 Callback URL error in React Native

Question

I'm using Auth0 with React Native. I'm following the instructions here. I'm running the following code:

auth0.webAuth.authorize({
  scope: 'openid email',
  audience: '{MY_DOMAIN}'
})

where {YOUR_AUTH0_DOMAIN} is replaced with my actual Auth0 domain.

I've added {YOUR_BUNDLE_IDENTIFIER}://${YOUR_AUTH0_DOMAIN}/ios/{YOUR_BUNDLE_IDENTIFIER}/callback, where I've replaced {YOUR_BUNDLE_IDENTIFIER} and {YOUR_AUTH0_DOMAIN} with the corresponding values, to my list of "Allowed Callback URLs" in my Application Settings on auth0.com.

However, when I call the auth0.webAuth.authorize() method, it redirects me to the following screen:

Does anyone know how to approach this?

Answer 1

If you go into the Auth0 management site you can view the logs of your failed authentication. Then its usually just a matter of adding whatever url you find in the logs to the "Allowed Callback URLs" field of the auth0 application.