The redirectUrl is what Auth0 uses to call your application back, but it’s not what Auth0 passes to Twitter.
I checked your logs and you actually had two separate problems.
At first you were getting the following error:
Callback URL not approved for this client application. Approved callback URLs can be adjusted in your application settings
This was fixed once you added the correct callback URL to your Twitter app configuration: https://sanfranciscoconsult.auth0.com/login/callback
The error that you get now is:
Callback URL mismatch. http://localhost:3000/ is not in the list of allowed callback URLs
This comes from Auth0, and means that you haven’t added your SPA application’s callback URL to your Auth0 application, similarly to what you did with your Twitter app.
- You need to go to your Auth0 Applications list
- Click the Application that you want to configure
- Go to the
Allowed Callback URLs
field, and addhttp://localhost:3000/