Auth0 Authentication Looping in Production Not Locally

[Alexander7]

Continuing the discussion from Implementing Auth0 Protected Routes using React Router v6…?:

@dan-auth0

Please consult our newly released React Authentication By Example: Using React Router 6 for guidance on how to integrate Auth0 with a React Router v6 application. While the guide uses React v18, the same architecture would apply to an app that uses React v17

Hi @dan-auth0 . I used your guide above to implement Auth0 integration into my App which uses React 18 but with React Router 5. Currently, after logging into the App via Auth0 login screen a continuous loop occurs between Auth0 and my App in Production but works fine in Dev with localhost. Just wondering what might be causing this considering I followed your guide quite closely. Only I have React 18 with RR 5, where your guide has React 17 with RR 5. I don’t think this should causes the looping should it? Also, considering it works in Dev. Any suggestions?

[Alexander7]

Wow. Spent many days trying to resolve this issue. I was able to fix the above stated issue by finding and applying fix described here:

401/Unauthorized when obtaining token in Authorization Code grant

Yup, there’s a much shorter (though still somewhat strange path) to achieve success: Create a new tenant Set it up (e.g. callback URL’s) Confirm 401’s when sending in a valid code to /oauth/token Change “Application Type” to “Regular Web Application” Change “Token Endpoint Authentication Method” from “POST” to “None”. (Seems to be important part Confirm modal “… will disable the Client Credentials grant for…” Confirm happy path (receive 200/OK when sending in that code to /oauth/token) Her…