const onGoogleLoginFailure = () => {
console.log("failed");
};
const onGoogleLoginSuccess = useCallback((response) => {
const idToken = response.tokenId;
console.log("WHY ARE YOU LIKE THIS");
fetch("/api/auth/", {
method: "GET",
headers: {
Authorization: idToken,
},
}).then((res) => console.log(res));
// .then((_) => navigate("/overview"))
}, []);
return isLoading ? null : (
<Flex alignItems="center" justifyContent="center" h="100vh">
<GoogleLogin
clientId="tokenBOI" // your Google app client IDđ
onSuccess={onGoogleLoginSuccess}
onFailure={() => onGoogleLoginFailure}
disabled={false}
render={(renderProps) => {
return (
<Button onClick={renderProps.onClick}>
Login
</Button>
);
}}
/>
</Flex>
);
如前所述,上面的代码会静默失败并触发 onFailure。id 令牌有效,范围在一个组织内。选择帐户的提示打开,我选择帐户,提示关闭,然后没有任何反应。