tengo una función llamada inicio de sesión que redirige al usuario a la página principal si todo estaba bien. Luego, en la página principal, quiero obtener información del usuario con useEffect usando el token que se almacenó cuando el usuario inició sesión, pero no pasa nada. Solo cuando actualizo la página obtengo los datos.

función de inicio de sesión

 export const login = ({ email, password, history }) => { return async (dispatch) => { try { const response = await fetch("http://localhost:5000/api/login", { method: "POST", headers: { "Content-Type": "application/json", }, body: JSON.stringify({ email, password, }), }); const data = await response.json(); if (data.status === 200) { localStorage.setItem("userToken", data.user); history.push("/"); } else { dispatch( setNotification({ variant: "error", message: data.message, }) ); } } catch (e) { console.log(e.message); } }; };

recuperar la función de usuario

 export const fetchUser = () => { return async (dispatch) => { try { const response = await fetch("http://localhost:5000/userInfo", { headers: { "x-access-token": localStorage.getItem("userToken"), }, }); const data = await response.json(); dispatch(setUser({ id: data.id, fullname: data.fullname, email: data.email })) } catch (error) {} }; };

useEffect en mi página principal

 useEffect(() => { dispatch(fetchUser()); }, []);

función de fondo

 module.exports.getCurrentUser = async (req, res) => { const token = req.headers["x-access-token"]; try { const verifyToken = jwt.verify(token, "123"); const user = await User.findOne({ email: verifyToken.email }); return res.json({ id: user._id, fullname: user.fullname, email: user.email }) } catch (error) {} };