What is the right way to use Google's clientid with usegooglelogin hook?

See more:

OAuth2

ReactJS

I have been trying to add Google's Oauth2 to my ReactJs app

but I get 2 errors which Are probably coming from a syntax error

this is the part of the code where I get the errors

import React from 'react'
import { useGoogleLogin } from 'react-use-googlelogin'

const GoogleAuthContext = React.createContext()

export const GoogleAuthProvider = ({ children }) => {
  const googleAuth = useGoogleLogin({
    clientId: process.env.Google_Client_ID,
  })

  return (
    <GoogleAuthContext.Provider value={googleAuth}>
      {children}
    </GoogleAuthContext.Provider>
  )
}

export const useGoogleAuth = () => React.useContext(GoogleAuthContext);

when I do replace Google_Client_ID with my own ID I get these errors

Quote:

Unexpected token, expected "," (8:25)

and the Second one is

Quote:

Unexpected token, expected ":" (8:37)

What I have tried:

this is how I use the client ID

 const googleAuth = useGoogleLogin({
clientId:process.env.658977310896-knrl3gka66fldh83dao2rhgbblmd4un9.apps.googleusercontent.com,
  })

THANK YOU for taking the time to Read through my question