Thanks for the prompt reply in providing the requested information @sultan.mohd2023
Here is the link of the tutorial and switch your time stamp to 1:28:00 to get to that specific auth0 path- https://youtu.be/ardeKHEN1j4?si=oTZvgySM3VHbDcyA
So this does not appear to be an official Auth0 tutorial. Whilst we try our very best to ensure that the quality and accuracy of the official guidance we provide is as high as possible, we sadly can’t control the quality nor accuracy of third-party guidance. Have you tried reaching out to the author of that tutorial directly to discuss the issue you’re facing? Perhaps he is able to shed some further light on the problem you’re facing.
Having said that, let me see if there are some diagnostic suggestions I can give that might be helpful based on the evidence available. From the various descriptions of the “Unable to issue redirect for OAuth 2.0 transaction” - both in the Auth0 log info you shared and in the other Auth0 Community forum posts I shared, it suggests that the redirect_uri
parameter you’re supplying is likely invalid. Based on the code in the tutorial, have you tried any of the following (in no particular order):
- Confirming that the error condition
unable to initialise auth
is not thrown in the browser? - Confirming that the value of
import.meta.env.VITE_AUTH0_CALLBACK_URL
is accurate?- You could simply
console.log
this to the browser as the easiest option. - You might also want to check out the latest Vite documentation here for information on environment variable usage within Vite
- You could simply
- Directly specifying the
redirect_uri
value as something explicit - e.g.http://localhost:3000
(or wherever your app is running). Or alternatively, use something likewindow.location.origin
, as described in our official Auth0 Reack SDK docs (here).