<GoogleLogout /> does not log out

Added login and logout buttons on page as below: <GoogleLogin clientId="xxx" buttonText="Login" onSuccess={responseGoogle} onFailure={responseGoogle} /> <GoogleLogout buttonText="Logout" onLogoutSuccess={logout} />

Steps I followed: 1.Clicked Login button, logged in with my google credentials 2.Clicked Logout button 3.Clicked Login button again

Expected: On step 3 I should see login popup by google again as I did click logout button in step 2.

Actual: On step 3, I didn’t saw login popup and I am auto-logged in

[TommieEdwardBerry]

I had this same problem and worked on it for days. I am using cookies to store the GoogleID, and everything worked as long as I did not refresh while logged in. The refresh kills the GoogleLogout object, so it won’t click anymore. The comments above really helped and made me try to create my own clickable logout image and just replace the GoogleLogout component with a clickable image like this:

<img onClick={forceMyOwnLogout} src={RedLogoutPicture} alt=“LO” width=“100” />

The code in forceMyOwnLogout is similar to above, except I added an if to make sure the window.gapi exists and this.forceUpdate() at the end. It works very well, and the only side effect, which I actually like is that you are forced to select the logger-inner instead of just logging in without asking who ! Here is the code:

  var forceMyOwnLogout = ((response) => {
      cookie.remove('MyGoogleID', { path: '/' })
      if (window.gapi) {
          const auth2 = window.gapi.auth2.getAuthInstance()
          if (auth2 != null) {
              auth2.signOut().then(
                  auth2.disconnect().then(this.props.onLogoutSuccess)
              )
          }
      }
      this.forceUpdate()
  })

[ramonck]

You are welcome to submit a PR to fix it.

When I get sometime I will look into it, it’s a good project but this Logout issue is killing it.