Tengo autenticación basada en cookies, por lo que necesito llamar a API para verificar la autenticación en cada carga de página. También estoy usando redux para mantener un estado de autenticación global como el siguiente

 const initialState = { user: {}, isLoading: false, error: null, isTeacher: false, isModerator: false, isStudent: false, };

en cada actualización dentro del efecto de uso de la página de la aplicación

 const dispatch = useDispatch(); useEffect(() => { dispatch({ type: "GET_USER" }); }, []);

esto me esta dando error. Quiero inicializar el estado al iniciar sesión antes de que se muestre la página.

 const isAuthenticated = select.isTeacher || select.isStudent || select.isModerator; <Router> <div> <Routes> <Route path="/" element={!isAuthenticated ? <Landing /> : <Navigate to="/" />} /> <Route path="/home" element={isAuthenticated ? <Home /> : <Navigate to="/" />} ></Route> <Route path="*" element={<NotFound />} /> </Routes> </div> </Router>

la llamada de envío dentro de useeffect me está dando un error como si no pudiera usar un gancho dentro de otro gancho.