Soy un usuario de JS relativamente nuevo y estoy tratando de integrar Google OAuth en mi aplicación web, pero por alguna razón no responde. Aparece en la aplicación, pero no puedo hacer clic en él, incluso cuando inspecciono el elemento. Este es el código perteneciente a OAuth en el archivo de mi aplicación
class App extends React.Component { responseGoogle=(response)=>{ console.log(response); console.log(response.profileObj); } render(){ return( <div className="App"> <GoogleLogin clientId="MY CLIENT ID IS HERE AND CORRECT" buttonText="Login" onSuccess={this.responseGoogle} onFailure={this.responseGoogle} cookiePolicy={'single-host-origin'} />El botón está atenuado en la aplicación y también está etiquetado como "deshabilitado" en la consola cuando lo inspecciono. Si alguien pudiera ayudar sería muy apreciado
Estaba experimentando el mismo problema aquí.
Se resolvió cuando volví a crear las credenciales de Google.
Vaya a https://console.developers.google.com/apis y, en la API de Google Plus, acceda a las credenciales y cree una nueva credencial para "Id. de cliente de Oauth". En el "Tipo de aplicación", seleccione "Aplicación web".
Asegúrese de poner la dirección completa desde donde se llama a la API en "URI de redireccionamiento autorizado".
Finalmente, utilice el nuevo "Client ID" que se generará.
Alternativamente,
Solucioné este problema al incluirlo en la lista blanca
y agregando cookiePolicy
<GoogleLogin clientId={WEB_CLIENT_ID} buttonText="Login with LF account" onSuccess={this.responseGoogle} onFailure={this.responseGoogle} cookiePolicy={'single_host_origin'} />https://developers.google.com/identity/sign-in/web/reference#googleauththenoninit-onerror
Avíseme si esto le ayuda o necesita más información.