react-google-login icon indicating copy to clipboard operation
react-google-login copied to clipboard

popup_closed_by_user

Open vaibhava17 opened this issue 1 year ago • 13 comments

Showing Error {error: 'popup_closed_by_user'} all the time

vaibhava17 avatar Aug 01 '22 11:08 vaibhava17

I have same issue

caotrongtin99 avatar Aug 02 '22 06:08 caotrongtin99

I'm getting

"You have created a new client application that uses libraries for user authentication or authorization that will soon be deprecated. New clients must use the new libraries instead; existing clients must also migrate before these libraries are deprecated. See the Migration Guide for more information."

then

popup_closed_by_user

Nases avatar Aug 05 '22 06:08 Nases

I have same issue.... help ㅠㅠㅠ

Yeom-JinHo avatar Aug 05 '22 10:08 Yeom-JinHo

I solved this problem with @react-oauth/google

Yeom-JinHo avatar Aug 05 '22 10:08 Yeom-JinHo

I had this problem while testing this on localhost:3000

Solved it by 1. Clearing cache image

2. Enabling cookies for localhost:3000 image

3. Making OAuth consent screen internal ( as I'm testing local) image

ezra-works avatar Aug 08 '22 13:08 ezra-works

I had this problem while testing this on localhost:3000

Solved it by 1. Clearing cache image

2. Enabling cookies for localhost:3000 image

3. Making OAuth consent screen internal ( as I'm testing local) image

@ezra-moses thanks. I will try this and inform you guys

vaibhava17 avatar Aug 08 '22 14:08 vaibhava17

I solved this problem temporarily by doing the following.

  1. npm i gapi-script
  2. Import the gapi-script package in your App.js import { gapi } from 'gapi-script';
  3. In App.js, add the following line
gapi.load('client:auth2', () => {
    gapi.client.init({
        clientId: process.env.REACT_APP_GOOGLE_OAUTH_CLIENT_ID,
        plugin_name: 'chat',
    });
});

lvxhnat avatar Aug 09 '22 14:08 lvxhnat

Having the same issue, any updates on this?

abhi-qb avatar Aug 10 '22 12:08 abhi-qb

I solved this problem temporarily by doing the following.

  1. npm i gapi-script
  2. Import the gapi-script package in your App.js import { gapi } from 'gapi-script';
  3. In App.js, add the following line
gapi.load('client:auth2', () => {
    gapi.client.init({
        clientId: process.env.REACT_APP_GOOGLE_OAUTH_CLIENT_ID,
        plugin_name: 'chat',
    });
});

This worked for me. thank you.

Jay-study-nildana avatar Aug 15 '22 11:08 Jay-study-nildana

I solved this problem temporarily by doing the following.

  1. npm i gapi-script
  2. Import the gapi-script package in your App.js import { gapi } from 'gapi-script';
  3. In App.js, add the following line
gapi.load('client:auth2', () => {
    gapi.client.init({
        clientId: process.env.REACT_APP_GOOGLE_OAUTH_CLIENT_ID,
        plugin_name: 'chat',
    });
});

Thank you!!!

jun7867 avatar Sep 16 '22 05:09 jun7867

Found this npm package https://www.npmjs.com/package/@react-oauth/google It works and has a detailed documentation

itsaruproy avatar Sep 30 '22 20:09 itsaruproy

facing same issue. Is there any other way

maneesh avatar Oct 06 '22 10:10 maneesh

Same here.

Shaker-Pelcro avatar Oct 18 '22 15:10 Shaker-Pelcro