Callback URL mismatch (other posts on this didn't help)

I’ve created a react app which I was able to login locally with, but I just put it on github pages and the login no longer works.

I’ve allowed all the callback URL’s and variants with or without /, but still no luck.

Here are the callback URLs I’m using:
https://mattlbrody.github.io/reviewdillo/,
https://mattlbrody.github.io/reviewdillo,
http://localhost:3000/,
http://localhost:3000,
https://mattlbrody.github.io/reviewdillo/callback,
https://mattlbrody.github.io/reviewdillo/callback/

Any help would be greatly appreciated!

Hi @mattlbrody and welcome to the Auth0 Community! :star_struck:

Would you mind providing the documentation you used when setting up the react app? If you go into your dashboard logs, is that where you see errors related to a URL mismatch?

Additionally it would be helpful if you could send me your tenant name in a DM so I can have a closer look at your setup. Also capturing a .har file of the entire login flow and error will help troubleshoot this issue, details on capturing a .har can be found here:

Best,
Colin

Hey Colin, it turns out that because it was on a subdomain of github pages, I had this error. But if I host it on a custom domain on github pages, it should work.

I believe it’s because the redirect automatically goes to the root domain.

I’m going to try this tomorrow and see if that fixes it.

Hey @mattlbrody great thanks for the update. Let us know how the testing goes tomorrow and we’ll help if we can!

Best,
Colin

2 Likes

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.