React-google-login: login button is disabled

[AlenToma]

Hi, Im using this script to login to google but the login button is disabled

I dont see any error, or information why this happen any idee here pls help

 <GoogleLogin
                                disabled={false}
                                clientId="**********-akj6ujapgd722u0kqaib2lmca3mu71vt.apps.googleusercontent.com"
                                buttonText="Login"
                                onSuccess={this.responseGoogle}
                                onFailure={this.responseGoogle}
                                cookiePolicy={'single_host_origin'}
                            />

[madhu131313]

There might be a reason why it's disabled, responseGoogle prints that, please see what's the error

 responseGoogle = (response) => {
  console.log(response);
}

[AlenToma]

there was no response to log, but i got it to work at last now, you may close this if you want

[FrozenIce0617]

Hi @AlenToma
Please let me know how you fix this issue.
Now I'm facing same kind of problem.

Thanks.

[AlenToma]

in google console under Authorized JavaScript origins I added https://localhost, And it worked.

Thats all i did.

[akshayrathodar]

disabled={false}

i have this error tooo please Do Something , button is disable as well as nothing it does no any call in network tab

[seeck3]

@AlenToma

I just added Authorized JavaScript origin, and it's not still working.. =[

[AlenToma]

I really don`t know, i just added it and started working on its own.

[ONUOHA92]

I have added to my JavaScript Authorized

[ONUOHA92]

And is not working

[nguyendviet]

I have the same issue.

[Ishu1998]

Same Problem here, Button is disabled....

and I noticed one thing... at Starting its disabled..
If i go to another page and come back... it gets enabled...

But not good for users....

Please fix this

[RealSlimMahdi]

same problem here, manual refresh enable the button but at first page load the buttons are disabled (login + logout)

<GoogleLogin clientId="..." fields="first_name,last_name,email,picture" onSuccess={responseGoogle} onFailure={responseGoogle} buttonText="LogIn" isSignedIn={true} // hostedDomain="gmail.com" />

[RealSlimMahdi]

Hi Again,

After inserting this code from google documentation:
in Header:
<meta name="google-signin-client_id" content="YOUR CLIENT ID" />

Right after body tag:
<script src="https://apis.google.com/js/platform.js" async defer></script>

I do not experience the issue anymore and the buttons are enabled from start.

[moroz112]

Hi, guys. Did you find any solution? Got the same issue. Tried all suggestions in comments above(

[akshayrathodar]

Bro i don't know what is algorithm behind this google auth but after 2 day
it will works automatically

On Tue, May 12, 2020, 5:54 PM Мороз Александр [e-mail]
wrote:

Hi, guys. Did you find any solution? Got the same issue. Tried all
suggestions in comments above(

—
You are receiving this because you commented.
Reply to this email directly, view it on GitHub
https://github.com/anthonyjgrove/react-google-login/issues/313#issuecomment-627309349,
or unsubscribe
https://github.com/notifications/unsubscribe-auth/AMLYS5553HGBKOLPE6G6K3DRRE5WJANCNFSM4MB4LJUA
.

[anthonyjgrove]

Hopefully v5.1.18 should this. Let me know if it has not.

[markociglar]

I got same problem

[anthonyjgrove]

@markociglar please provide an example with your props

[harry100]

I used the default configurations.
The button is disable hence I cannot click it to view the response causing the error.
Anyone has a working solution. Any Help will be useful thanks.

[akshayrathodar]

Bro I don't know how but it will work but after getting this error 3 days
later it will work automatically

On Fri, May 22, 2020, 3:23 PM Amanda Maharjan [e-mail]
wrote:

I used the default configurations.
The button is disable hence I cannot click it to view the response causing
the error.
Anyone has a working solution. Any Help will be useful thanks.

—
You are receiving this because you commented.
Reply to this email directly, view it on GitHub
https://github.com/anthonyjgrove/react-google-login/issues/313#issuecomment-632605270,
or unsubscribe
https://github.com/notifications/unsubscribe-auth/AMLYS53ZSXQZ5SCZFJBPJTTRSZDQ3ANCNFSM4MB4LJUA
.

[JeanTak]

Hi Again,

After inserting this code from google documentation:
in Header:
<meta name="google-signin-client_id" content="YOUR CLIENT ID" />

Right after body tag:
<script src="https://apis.google.com/js/platform.js" async defer></script>

I do not experience the issue anymore and the buttons are enabled from start.

Hi anybody tried this? I did the same but still got that issue...

[fandiahm]

In my case, it's because the internet connection.
Open the inspect network, request to : https://accounts.google.com/o/oauth2/iframe failed.

[rahulshah4994]

As @fandiahm noted - you need a live internet connection at the time of running the app. If the internet connection isn't working, the button is disabled by default. Very interesting! Let me know if this works for you guys.

[znwhite]

Having this issue myself, in a Next.js app. Using default props + my clientId

[Harmyder]

@anthonyjgrove I have the same issue. And I'm wondering why do I see the following if I haven't yet clicked on it:

{message: "Missing required parameter 'client_id'", RK: true, stack: "gapi.auth2.ExternallyVisibleError: Missing require…Pwd_oodKkRT_hYRO1I-9xRcQV4oQ/cb=gapi.loaded_0:1:6"}

[appledora]

Hi Again,
After inserting this code from google documentation:
in Header:
<meta name="google-signin-client_id" content="YOUR CLIENT ID" />
Right after body tag:
<script src="https://apis.google.com/js/platform.js" async defer></script>
I do not experience the issue anymore and the buttons are enabled from start.

Hi anybody tried this? I did the same but still got that issue...

Hello, it worked in my case.

[lesagi]

Hi,
How can you add a script tag after the body? I'm using the starter create-react-app and I edited the index.html file, but the script is not loaded and not shown after the body

[ariccio]

Weird. I'm sporadically encountering this on the same device where I'm hitting issue #451 ...

[stefanylaforest]

I was getting this error and after clearing your browser cookies it works.

[aaronkang7]

Guys I think I figured it out:
change client_id to clientId in our GoogleLogin properties... I did it for fun and it worked :D