React - Google One Tap Login

React wrapper for google one tap authentication

Install

``
npm install react-google-one-tap-login
`

OR

`
yarn add react-google-one-tap-login
`

How to use

As a Hook

`js
import { useGoogleOneTapLogin } from '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

`js
import React from 'react';
import ReactDOM from 'react-dom';
import GoogleOneTapLogin from 'react-google-one-tap-login';

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

Props

| Name | Type | Required | Description |
| ---------------------- | -------- | :------: | :--------------------------------------------------------------------------------------------------------------------------: |
| disabled | boolean | false | Disable the login prompt |
| onError | callback | false | onError : Error | null |
| 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 |