Mern Dashboard Client change Auth from Google to Auth0
Hi There. I am still new to Javascript/Typescript/ react and everything. Refine has been a great starting point to learn. But now I want to change the Auth from Google to Auth0 in order for me to add Microsoft Auth. What and where do I need to change? ANy help would be great thanx
3 Replies
Hi @surgicalfiend. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:
----------------------
To change the authentication from Google to Auth0 in your Refine application, you need to follow these steps:
1. Install the Auth0 React SDK: You can do this by running the following command in your project directory:
(Source: refine.dev/docs/advanced-tutorials/auth/auth0 (https://refine.dev/docs/advanced-tutorials/auth/auth0))
2. Configure the Auth0Provider component: You need to wrap your root component with an Auth0Provider that you can import from the SDK. You can do this in your
index.tsx
file:
(Source: refine.dev/blog/refine-vs-redwood-js#refine-6 (https://refine.dev/blog/refine-vs-redwood-js#refine-6))
3. Create an Auth Provider: In Refine, authentication and authorization processes are performed with the auth provider. You need to write a provider for Auth0. You can do this in your App.tsx
file:
(Source: [refine.dev/docs/advanced-tutorials/auth/auth0#auth-provider](https://refine.dev/docs/advanced-tutorials
----------------------
Note: you can ask me a follow up question by @ mentioning me again :speech_balloon:
----------------------<@175705884045869056> kapa.ai is still learning and improving, please let us know how it did by reacting below
continuing-cyan•10mo ago
This is the error I get: