[Symbol(Response internals)]: {
url: 'https://...
# support-questions-legacyl
Lucifer979
04/08/2024, 11:20 AM[Symbol(Response internals)]: {
url: 'https://www.googleapis.com/oauth2/v1/userinfo?alt=json',
status: 401,
statusText: 'Unauthorized',
headers: Headers { [Symbol(map)]: [Object: null prototype] },
counter: 0
}
I am using signin using google using my custom ui and my backend is giving this error
r
rp_st
04/08/2024, 11:21 AMhey @Lucifer979
rp_st
04/08/2024, 11:21 AMcan you enable backend debug logs and show the output of the api call?
l
Lucifer979
04/08/2024, 11:28 AMHow can I do that?
r
rp_st
04/08/2024, 11:28 AMsearch in our docs for debug logs
l
Lucifer979
04/08/2024, 11:35 AMI checked the network tab of my browser, it is calling the
/auth/signinup url twice, could it be the issue?
r
rp_st
04/08/2024, 11:42 AMYea. Most likely
rp_st
04/08/2024, 11:42 AMThat happens cause useEffect in react runs twice in dev build, strict mode.
l
Lucifer979
04/08/2024, 11:43 AMOkay
Lucifer979
04/08/2024, 11:43 AMHow I can resolve it?
Lucifer979
04/08/2024, 11:44 AMasync function handleGoogleCallback() {
console.log(window.location.href);
try {
const response = await thirdPartySignInAndUp();
console.log("Calback Response: ", response);
// console.log("Response headers ", response.headers.get("Set-Cookie"));
if (response.status === "OK") {
console.log(response.user)
if (response.createdNewUser) {
console.log("SignUp sucess");
// sign up successful
} else {
console.log("Signin Success");
// window.location.assign("/Login");
// sign in successful
}
window.location.assign("/Home");
} else {
// SuperTokens requires that the third party provider
// gives an email for the user. If that's not the case, sign up / in
// will fail.
// As a hack to solve this, you can override the backend functions to create a fake email for the user.
window.alert("No email provided by social login. Please use another form of login");
window.location.assign("/Login"); // redirect back to login page
}
} catch (err) {
if (err.isSuperTokensGeneralError === true) {
// this may be a custom error message sent from the API by you.
window.alert(err.message);
} else {
window.alert("Oops! Something went wrong.");
}
}
}
Lucifer979
04/08/2024, 11:44 AMThis is my handle callback function
r
rp_st
04/08/2024, 11:45 AMthis is more of a react issue. You might want to google it or talk to someone in the react community
l
Lucifer979
04/08/2024, 11:45 AMOkay
r
rp_st
04/08/2024, 11:49 AMyou can do something like this with useEffect to run the handleGoogleCallback just once:
Copy code
import React, { useEffect, useRef } from 'react';
function MyComponent() {
const isInitialRender = useRef(true);
useEffect(() => {
if (isInitialRender.current) {
isInitialRender.current = false;
return;
}
handleGoogleCallback()
}, []); // Empty dependency array
// Your component's JSX...
}7 Views