所有人
我在React.js中实现Google Login时遇到了一个问题，我使用了@react-oauth/google

import { Button, Typography } from '@mui/material'
import { GoogleOAuthProvider, useGoogleLogin } from "@react-oauth/google"

const googleClientId = process.env.REACT_APP_GOOGLE_CLIENT_ID

const googleIcon = (
  <img alt="google" src="/static/images/icons/google-icon.svg" />
)

const GoogleLoginComponent = () => {
  const googleLogin = useGoogleLogin({
    flow: 'implicit',
    onSuccess: async (tokenResponse) => {
      try {
        console.log(tokenResponse)
      } catch (err) {
        console.log(err)
      }
    },
    onError: (errorResponse) => console.log(errorResponse)
  })

  return (
    <Button
      variant="outlined"
      fullWidth
      startIcon={googleIcon}
      onClick={() => googleLogin()}
      sx={{
        padding: "11px 15px",
        "& .MuiButton-startIcon": {
          position: "absolute",
          left: "15px",
        },
        textTransform: "capitalize",
        color: "black",
      }}
    >
      <Typography component="span">Continue with Google</Typography>
    </Button>
  )
}

const CustomGoogleLogin = () => {
  return (
    <GoogleOAuthProvider clientId={googleClientId}>
      <GoogleLoginComponent />
    </GoogleOAuthProvider>
  )
}

export default CustomGoogleLogin

字符串
enter image description here
我可以成功获取访问令牌，但出现上述错误。请帮帮我
我想修复的错误时，实现谷歌登录