My Favourite Library For Providing Logging In & Logging Out With Google Functionalities In My React Apps

npm i react-google-login 

yarn add react-google-login 

import GoogleLogin from 'react-google-login'; const Login = () => { const handleSuccess = (response) => { console.log(response); alert("you're logged in successfully!"); }; const handleFailure = () => { alert('something went wrong'); }; return ( <> <GoogleLogin // you client Id clientId={process.env.CLIENT_ID} buttonText='Login' onSuccess={handleSuccess} onFailure={handleFailure} // for calling onSuccess callback when the page load to keep the user logged in. isSignedIn={true} /> </> ); }; 

import { GoogleLogout } from 'react-google-login'; const Logout = () => { const handleLogout = () => { alert("you're logged out!!!"); }; return ( <GoogleLogout clientId={process.env.CLIENT_ID} buttonText='Logout' onLogoutSuccess={handleLogout}> </GoogleLogout> ); };