Overview
A Refine template is being used to build an application with the Auth0 React SDK. The login flow is not complete as after the login, the user is redirected back to login which sits at /login when instead the user should be redirected to the user dashboard. The Auth0 tenant logs show a successful login for this session.
Applies To
- Refine
- Auth0 React SDK
Cause
Refine handles authentication using its AuthProvider component which consumes the useAuth0 hook using Refine’s own methods.
Solution
The issue is avoided by configuring Refine’s AuthProvider component for the Auth0 provider in the App.tsx file. This implementation of Auth0 should follow the configuration guide provided by Refine. Please consult this document for more details.