Facing issue in login while connecting with Google

Thanks for the prompt reply in providing the requested information @sultan.mohd2023 :sunglasses:

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

:thinking: 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
  • Directly specifying the redirect_uri value as something explicit - e.g. http://localhost:3000 (or wherever your app is running). Or alternatively, use something like window.location.origin, as described in our official Auth0 Reack SDK docs (here).