After login with google Id , its not redirecting to home.

[Pranjaliyadav]

After login through pop up, it's not redirecting to home page. There's no error showing up too, so I got no idea what went wrong. Please help asap!!!

[Urvik07]

check the link you provided in Authorized JavaScript origins in Console.cloud.google.com it should be http://localhost:3000

[Pranjaliyadav]

Yes, Its all there.
Does one of these issues causing this?

[Pranjaliyadav]

check the link you provided in Authorized JavaScript origins in Console.cloud.google.com it should be http://localhost:3000

!

[Urvik07]

have you add url2 also?

[fatihbatu]

I got the same problem can you help me to figure it out

Login.jsx

import React from "react"; // import { useGoogleLogin } from "@react-oauth/google"; import { GoogleLogin, googleLogout } from "@react-oauth/google"; import { useNavigate } from "react-router-dom"; // import { FcGoogle } from "react-icons/fc"; import shareVideo from "../assets/share.mp4"; import logo from "../assets/logo.png"; import jwt_decode from "jwt-decode";

import { client } from "../client";

const Login = () => {
const navigate = useNavigate();

const responseGoogle = async (response) => {
// console.log(response);
const decoded = jwt_decode(response.credential);
// console.log(decoded);
const { name, picture, sub } = decoded;
// console.log(name);
// console.log(picture);
// console.log(sub);
console.log(process.env.REACT_APP_SANITY_TOKEN);

const doc = {
  _id: sub,
  _type: "user",
  userName: name,
  image: picture,
};
// console.log(JSON.stringify(doc));

localStorage.setItem("user", JSON.stringify(doc));

client.createIfNotExists(doc).then(() => {
  navigate("/", { replace: true });
});

};

const user = false;

return (

);
};

export default Login;

---

---

client.js

import sanityClient from "@sanity/client"; import imageUrlBuilder from "@sanity/image-url";

export const client = sanityClient({
projectId: process.env.REACT_APP_SANITY_PROJECT_ID,
dataset: "production",
apiVersion: "2021-11-16",
useCdn: true,
token: ${process.env.REACT_APP_SANITY_TOKEN},
});

const builder = imageUrlBuilder(client);

export const urlFor = (source) => builder.image(source);

[fatihbatu]

I solved it by changing sanity API token DEPLOY STUDIO to EDITOR