GoogleLogin button is not responsive

[nachodeh]

It's currently not possible to make the button take up 100% of the available width. It does initially when rendering but immediately updates to some smaller size. This makes it very hard to make the button fit into any website's style.

[vasanthmn1]

Use Custom Google Button

import { useGoogleLogin } from '@react-oauth/google';

const login = useGoogleLogin({
  onSuccess: tokenResponse => console.log(tokenResponse),
});

<MyCustomButton onClick={() => login()}>Sign in with Google 🚀</MyCustomButton>;

[nachodeh]

Use Custom Google Button

import { useGoogleLogin } from '@react-oauth/google';

const login = useGoogleLogin({
  onSuccess: tokenResponse => console.log(tokenResponse),
});

<MyCustomButton onClick={() => login()}>Sign in with Google 🚀</MyCustomButton>;

Thanks, but this doesn't really work because useGoogleLogin provides a tokenResponse and I need a credentialResponse for my API

[Nicolasbort]

@nachodeh Have you found a solution so far?

[nachodeh]

@Nicolasbort yeah, I stopped using this button, created my own, and implemented token retrieval in my own API. In the end it's much better this way and gives me more flexibility.

[Nicolasbort]

@nachodeh that's a good idea, thanks for the reply.