Implementé un inicio de sesión de Google en mi aplicación de reacción. Actualmente estoy usando react-google-login. El comportamiento actual. Hay partes del sitio que puede usar sin iniciar sesión, como la página de inicio y de contacto, y otras a las que no se puede acceder hasta que inicie sesión. llamaremos a esa página restringida. por lo tanto, el comportamiento actual es que el usuario va a la URL / ve el mensaje de bienvenida y hace clic en iniciar sesión. El usuario se enruta a url /login hay un botón de inicio de sesión de Google. El usuario hace clic e inicia sesión

Ahora, si el usuario actualiza la página, la aplicación, por supuesto, se vuelve a cargar y el usuario no inicia sesión. Una vez que navega a url /login . tan pronto como se muestra el botón de Google, ve que el usuario ha iniciado sesión (supongo que esto es de una cookie).

El problema es que el usuario inicia sesión y navega a url /restricted . Si presionan actualizar, la página se recarga y el enrutador reacciona los llevará a la página. en el componente tengo un control de que si el usuario no ha iniciado sesión, se le redirige a la url /login y se registra automáticamente debido a la cookie reciente.

Quiero hacerlo de modo que si el usuario está en url /restricted y presiona actualizar, pueda verificar la cookie e iniciar sesión y no obligarlo a navegar fuera de la página. Me imagino que debería deshacerme del paquete de reacción y simplemente usar la API de Google directamente. Pero mirando los documentos, no puedo ver cómo puedo hacer la verificación y mantenerlos conectados. Ya se ha cuestionado, pero no hay una solución sólida disponible. Por lo tanto, proporcionar una solución sólida será muy agradecido. A continuación se muestra el código para una mejor comprensión.

 const Login = (props) => { const navigate = useNavigate(); const responseGoogle = async (response) => { console.log(response); if (response.profileObj.googleId) { swal("Succesfully Login!"); navigate("/Recipe", { replace: true }); console.log("response",response) console.log("response.profileObj.googleId",response.profileObj.googleId); props.handle(false); } else { swal("You are not registered"); } return( <GoogleLogin className="btnGoogle" clientId="677360402906- k4mm9bpq4tduegb2ebj8.apps.googleusercontent.com" buttonText="Continue with Google" onSuccess={responseGoogle} onFailure={responseGoogle} // redirectUri="https://helpros.app" isSignedIn={true} cookiePolicy={"single_host_origin"} render={renderProps => ( <Button onClick={renderProps.onClick} size="small" className="googleBtnSign"> <BsGoogle/> Login with Google</Button>)} > Login with Google </GoogleLogin> )

Cuando vuelvo a la página de inicio de sesión después de cerrar sesión, me muevo directamente a la página de recetas, incluso sin hacer clic en el botón Iniciar sesión con Google.