Hello i'm new using refine my problem is the the dashboard not showing up
So when I try to login with google the google login pop up doesn't load (only shows a white screen and stays that way); this keeps happening in different browsers. What could be the problem? by the way i changed the client_id variable by creating the OAuth 2.0 Client ID but it stills the same.
2 Replies
Hi @Hoper. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:
----------------------
It sounds like you're experiencing issues with the Google OAuth integration in your Refine application. Here are some steps and considerations to help you troubleshoot and resolve the issue:
1. Ensure Correct Setup:
- Make sure you have followed the setup instructions for Google OAuth correctly. This includes setting up the OAuth 2.0 Client ID and whitelisting the domain for both your local development and deployed application.
2. Check Allowed Origins:
- Verify that the URLs of both your deployed application and your local development environment are added to the list of allowed origins in the OAuth app settings. Failure to do so can cause the app to fail.
3. Review Example Code:
- You can refer to the example provided by Refine for Google OAuth login. This example can be run on CodeSandbox to see a working implementation and compare it with your setup.
- Open auth-google-login example from refine (https://codesandbox.io/embed/github/refinedev/refine/tree/master/examples/auth-google-login?view=preview&theme=dark&codemirror=1)
4. Run Example Locally:
- You can also run the example locally to ensure that your environment is set up correctly. Use the following command to create a new Refine app with Google OAuth example:
5. Check Console for Errors:
- Open the browser's developer console to check for any errors or warnings that might give you more insight into why the Google login popup is not loading correctly.
6. Documentation and Tutorials:
- Refer to the detailed guidance in the Refine documentation for integrating Google OAuth:
- Google Auth Example Documentation (https://refine.dev/docs/examples/auth-provider/google-auth/)
- Video Tutorial (https://www.youtube.com/watch?v=HtJKUQXmtok)
If you have followed these steps and the issue persists, it might be helpful to share specific error messages or screenshots in the Refine community or support channels for more targeted assistance.
For more detailed guidance, you can refer to the Google Auth Example Documentation (https://refine.dev/docs/examples/auth-provider/google-auth/) and try running the example on CodeSandbox (https://codesandbox.io/embed/github/refinedev/refine/tree/master/examples/auth-google-login?view=preview&theme=dark&codemirror=1).
If you need further assistance, feel free to ask in the Refine community or support channels.
----------------------
Note: you can ask me a follow up question by @ mentioning me again :speech_balloon:
----------------------
<@843924053289861190> kapa.ai is still learning and improving, please let us know how it did by reacting below