@rheasmith/react-google-one-tap-login

React - Google One Tap Login

React wrapper for google one tap authentication

Install

npm install @rheasmith/react-google-one-tap-login

OR

yarn add @rheasmith/react-google-one-tap-login

How to use

As a Hook

import { useGoogleOneTapLogin } from '@rheasmith/react-google-one-tap-login';

useGoogleOneTapLogin({
    onError: error => console.log(error),
    onSuccess: response => console.log(response),
    googleAccountConfigs: {
      client_id: // Your google client id here !!!
    },
  });

As a Component

import React from 'react';
import ReactDOM from 'react-dom';
import GoogleOneTapLogin from '@rheasmith/react-google-one-tap-login';

ReactDOM.render(
  <GoogleOneTapLogin onError={(error) => console.log(error} onSuccess={(response) => console.log(response} googleAccountConfigs={{ client_id: // Your google client id here !!! }} />,
  document.getElementById('root')
);

Add Login Button use id="googlButton"

import React from 'react';
import ReactDOM from 'react-dom';
import GoogleOneTapLogin from '@rheasmith/react-google-one-tap-login';

ReactDOM.render(
  <><div id="googleButton"></div></>,
  document.getElementById('root')
);

Props

Name	Type	Required	Description
disabled	boolean	false	Disable the login prompt
onError	callback	false	onError : Error
onSuccess	callback	false	onSuccess : GoogleEndpointResponse (See below)
disableCancelOnUnmount	boolean	false	Disable cancelation of one tap login on unmount
googleAccountConfigs	object	true	Google One Tap JS API Reference

*client_id is required in googleAccountConfigs

Google EndPoint Response

More details

Name	Type
iss	string
sup	string
azp	string
aud	string
iat	string
exp	string
name	string
email	string
local	string
picture	string
given_name	string
family_name	string
email_verified	string