How can I use the included google login button with auth-code flow?

[lukeetMrQ]

Hi there,

First off, thank you for creating and maintaining this incredibly useful library!

I'm implementing a sign-in flow that requires using the auth-code method to send the code to my backend. I see that the useGoogleLogin hook supports this perfectly.

I also noticed the library includes a great, pre-styled button that matches Google's guidelines perfectly, which is fantastic. However, I can't seem to find a way to use this component and get an auth code from it.

This leads me to a question: am I expected to use the useGoogleLogin hook and build my own replica of the button UI you already provide, or am I missing a simpler way to combine these two features?

Thanks for any clarification you can provide!

[dannylistSR]

I'm in the same boat too!

If I find a solution i'll drop it here!

[thisiscmt]

I just ran into this issue. I wanted to use an authorization flow rather than implicit, but also wanted to take advantage of the nice markup generated for the button(s). Seems like the <GoogleLogin> component explicitly calls renderButton on the Google identity JavaScript library, which fills the DOM element you pass to it with the correct button markup. Sadly, the useGoogleLogin hook doesn't do this, it simply initiates a request for an auth code.

I tried to call renderButton in my React component in an effect function, but it never rendered anything. I confirmed the window.google object exists right before the call, but it's still missing something. I'm going with a regular button for now just so I can get the integration with my app working. But it would be great if the nice button HTML could be used with the hook, so we could use the authorization flow (which is preferred).