Stytch - Auth platform for developers

The oauth.googleOneTap.start() method will show the Google one tap prompt in the top right corner of the user's browser.

If the end user clicks to sign in with Google One Tap, Stytch will verify the response and redirect to the login_redirect_url or signup_redirect_url provided, or the default redirect URLs if none are specified. A PKCE code_verifier will also be generated and store it in local storage on the device (See the PKCE OAuth guide for details).

Once the user is successfully redirected, you can collect the Stytch OAuth token from the URL query parameters, and call the OAuth Authenticate endpoint to complete the authentication flow.

Google One Tap does not return access tokens. If you wish to retrieve the user's access token, you'll need to use a regular Google OAuth flow.

import { useStytch } from '@stytch/react'; export const GoogleOneTap = () => { const stytch = useStytch(); const showGoogleOneTap = () => stytch.oauth.googleOneTap.start({ login_redirect_url: 'https://example.com/authenticate', signup_redirect_url: 'https://example.com/authenticate', }); return <button onClick={showGoogleOneTap}>Show Google One Tap</button>; };

Display Google One Tap

Method parameters