brocoders / extensive-react-boilerplate Goto Github PK

Subject of the issue

Trouble configuring OAuth 2.0 for local development environment on http://localhost:3001

Expected behaviour

Being able to select my google account

Actual behaviour

Blank page in url: https://accounts.google.com/gsi/select?client_id=${my_client_id}apps.googleusercontent.com&ux_mode=popup&ui_mode=card&as=VdS0KEGuH3aPP%2FPwN9lsmA&channel_id=ccf306d44944a42f7f4461300dcb735c9ff16595c89724babb7f8c53757c9224&origin=http%3A%2F%2Flocalhost%3A3001

Additional context

I am currently developing a web application using this boilerplate running on localhost:3001. I have set up my Google Cloud OAuth 2.0 client IDs correctly, but when I try to authenticate using Google's OAuth service, it does not work as expected. Here's how I've configured my OAuth credentials in the Google Cloud Console:

• Authorized JavaScript origins: http://localhost:3001
• Authorized redirect URIs: http://localhost:3001

Despite this configuration, I am facing issues with the authentication flow. I have checked the following:

• The application is running on the correct port and uses the http protocol.
• The client ID is correctly inserted into the code.
• The redirect URIs in Google Cloud Console appear to be correctly configured.
• Browser cache has been cleared, and I've also tried using an incognito window.

I am following the example provided in [link to the example or documentation].

Could you please provide some guidance on what might be going wrong or any additional steps I need to take for local development setup?

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

• chore(deps): update dependency @commitlint/config-conventional to v18.6.3
• fix(deps): update dependency @types/node to v20.11.25
• chore(deps): update typescript-eslint monorepo to v7.2.0 (@typescript-eslint/eslint-plugin, @typescript-eslint/parser)
• fix(deps): update dependency eslint to v8.57.0
• fix(deps): update tanstack-query monorepo to v5.26.3 (@tanstack/react-query, @tanstack/react-query-devtools)
• chore(deps): update commitlint monorepo to v19 (major) (@commitlint/cli, @commitlint/config-conventional)
• fix(deps): update dependency date-fns to v3
• Click on this checkbox to rebase all open PRs at once

Detected dependencies

• Check this box to trigger a request for Renovate to run again on this repository

https://mui.com/joy-ui/main-features/dark-mode-optimization/ - solution

tailwindcss and autoprefixer are not in package.json