google identity services equivalent for googleUser.getBasicProfile()

Question

I have a react app where I'm trying to migrate from using gapi.auth2 module in the Google API Client Library for JavaScript to the Google Identity Services Library.

With gapi.auth2 module you could get the signed in users basic profile info with googleUser.getBasicProfile(). The following code is how you log a user in with the Google Identity Services Library.

Login.js

function Login(){
    var tokenClient;
    var access_token;

    function getToken(){
        tokenClient.requestAccessToken();
    }

    function initGis(){

        tokenClient = window.google.accounts.oauth2.initTokenClient({
            client_id: '********.apps.googleusercontent.com',
            scope: 'https://www.googleapis.com/auth/books',
            callback: (tokenResponse) => {
                access_token = tokenResponse.access_token;
            },//end of callback:
            
        });
    }

    useEffect(()=>{
        initGis();
        getToken();  
    });

    return (
        <>
        <p>Logging in...</p>
        </>             
    )
}

export default Login;

How do you get the users basic profile info when using the Google Identity Services Library?

Answer 1

After a discussion on Discord where a very helpful user explained that it can only be done server side. So the simple answer is that it can't be done client side using the Google Identity Services Library

Answer 2

Let me keep this answer short.? Once you get the access_token just invoke the following function:

const getUserProfileData = async (accessToken: string) => {
  const headers = new Headers()
  headers.append('Authorization', `Bearer ${accessToken}`)
  const response = await fetch('https://www.googleapis.com/oauth2/v3/userinfo', {
    headers
  })
  const data = await response.json();
  return data;
}

PS: [Unfortunately] I am also working on migrating to Google Identity Services Library. ?