Uncaught TypeError: Cannot read property 'load' of undefined

Experienced when using the hook like so:

/* useGoogleLogin.js */
import { useGoogleLogin } from 'react-google-login'

import config from 'config'

import { useActions, GoogleActions } from 'modules'

const SCOPES = [
  'email',
  'profile',
  'openid',
  //... a few more scopes
]

export default () => {
  const actions = useActions({
    googleLoginSuccess: GoogleActions.googleLoginSuccess,
    googleLoginPending: GoogleActions.googleLoginPending,
    googleLoginFailed: GoogleActions.googleLoginFailed,
  })

  return useGoogleLogin({
    clientId: config.GOOGLE_CLIENTID,
    cookiePolicy: 'single_host_origin',
    scope: SCOPES.join(' '),
    onSuccess: actions.googleLoginSuccess,
    onFailure: actions.googleLoginFailed,
    onRequest: actions.googleLoginPending,
  })
}

/* SomeComponent.js */
import useGoogleLogin from './useGoogleLogin.js'

const SomeComponent () => {
  const { signIn, loaded } = useGoogleLogin()

  if (!loaded) return null
  else return <button onClick={signIn}>Sign in</button>
}

The component version is being used elsewhere in the application without issue. Let me know what other information you need to debug.

[mcmxcdev]

Did anyone figure out how to make Google auth work inside a Chrome extension with manifest v3?

[anthonyjgrove]

done, v5.1.10