necesito una forma de pasar información de un estado a otro usando el hook useNavigation de esta manera:
navigate = useNavigate()
navigate("/App", {
state: res.data.usuario,
});
Pero al momento de hacer la redirecion al componente me sale un error en consola:
Error: Objects are not valid as a React child
como haría para pasar un objeto de un componente A a un componente B?
Esta es la manera como tomo los datos del formulario y la llamada a la api:
const [user, setUser] = useState("");
const [pass, setPass] = useState("");
const navigate = useNavigate();
const loguearse = async () => {
try {
const response = Axios.post("http://localhost:8080/auth/login", {
email: user,
password: pass,
});
return await response;
} catch (error) {
console.log("NO SE PUDO INCIAR SESION");
}
};
Esta es lo que retorna la api:
{ "mesagge": "Sesion iniciada correctamente",
"token": "",
"user": {
"_id": "",
"classification": "",
"name": "",
"lastname": "",
"email": "",
"password": "",
"balance": ,
"tokenVersion": 0,
"cars": [
{
"plate": "",
"gas": 0,
"_id": ""
}
],
"transactions": [],
"__v": 1
}
}
Quiero poder transmitir el token y el usuario desde el componente donde hice la llamada hacia otro, gracias por la ayuda