Así que tengo un componente que representa las rutas y antes de eso, en useEffect, llamo a isLoggedIn Api antes de configurar el contexto de reacción.

 useEffect(() => { async function performAuthRedirection() { const data = await isLoggedIn(); if (data.userSignedIn) { setAuthState(data.userData); return navigate(location.pathname); } if (!data.userSignedIn || authState._id === '') { navigate('/signIn'); } } performAuthRedirection(); }, []); return <Routes> <Route path="/" element={ <HomePage authState={authState} /> } /> </Routes>

En la página de inicio, necesito llamar a otra API que me da acceso denegado si no he iniciado sesión. Ahora, dado que la página de inicio (el componente secundario del componente anterior se muestra primero), este componente anterior se muestra al final (aunque estoy actualizando el contexto de reacción) y por eso siempre veo acceso denegado. ¿Qué puedo hacer para volver a renderizar la página de inicio de modo que se vuelva a renderizar?