Callback URL After Login

[justin.cassidy]

Good afternoon, I was hoping to get some guidance on an issue I’m experiencing.

I’ve got a React SPA I’ve published, and I’m not having any luck with the callback URI’s in regards to logging in with Auth0.

My SPA is published under an umbrella domain site like the following:

https://parentsite/myReactSPA/

I’ve added the Callback URL: https://parentsite/myReactSPA/ and that doesn’t work, so I added just https://parentsite/ and Auth0 attempts to work with that, but since that’s not the actual site it doesn’t work.

I also tried passing in the URL I want it to redirect to in the loginWithRedirect options as follows: onClick={() => loginWithRedirect(openUrl: 'https://parentsite/myReactSPA/'})} but that doesn’t seem to work either. That causes an error in one of the Auth0 files. I get an error stating “TypeError r is not a function” in auth0-spa-js.production.esm.js

Is it not possible to have Auth0 go back to https://parentsite/myReactSPA via the loginWithRedirect call?

[rueben.tiow]

Hi @justin.cassidy,

Welcome to the Auth0 Community!

Firstly, for the Callback URL to work, please make sure to:

• Add the URL to the Allowed Callback URLs list in your application settings (Auth0 Dashboard > Applications > Applications > Your Application > Allowed Callback URLs).
• Make sure the redirect_uri query parameter points to a URL that is from the list of Allowed Callback URLs.

@justin.cassidy

I also tried passing in the URL I want it to redirect to in the loginWithRedirect options as follows: onClick={() => loginWithRedirect(openUrl: 'https://parentsite/myReactSPA/'})} but that doesn’t seem to work either.

The URL should be passed into the redirect_uri property inside the authorizationParams object. See below:

onClick={() => loginWithRedirect(authorizationParams: { redirect_uri:'https://parentsite/myReactSPA/'})}

Could you please give this a try and let me know how this works for you?

Thanks,
Rueben