utilizo algo como esto para setCookies para mi nombre de login y password

 import { useCookies } from "react-cookie"; const LoginForm = ({ loginUser, users, usersLogged }, props) => { const [cookies, setCookie] = useCookies(["user"]); if (usersLogged.login !== "") { return <Redirect push to="/" />; } console.log("props", props); const handleSubmit = (values) => { const loggedUser = users.find((el) => el.login === values.login); if (loggedUser) { console.log("logged"); setCookie("login", values.login, { path: "/" }); setCookie("password", values.password, { path: "/" }); loginUser(values); return <Redirect push to="/" />; } else { alert("Wrong login"); } }; return ( <div> <h3>Login</h3> <Formik initialValues={{ login: "", password: "", }} onSubmit={(values) => handleSubmit(values)} enableReinitialize={true} > <Form> <Field name="login" placeholder="login" /> <Field name="password" placeholder="password" /> <button type="submit">Log In</button> </Form> </Formik> <Link to="/register"> Register </Link> </div> ); }; const mapStateToProps = (state) => { return { users: state.users.users, usersLogged: state.users.loggedUsers, }; }; const mapDispatchToProps = { loginUser, }; export default withRouter( connect(mapStateToProps, mapDispatchToProps)(LoginForm) );

Pero, ¿cómo sé que me refiero a estas cookies? Como puede ver, uso if (usersLogged.login !== "") { return <Redirect push to="/" />; } Me lleva a la página principal, pero después de actualizar, usersLogged.login está vacío, aunque mantengo el nombre de usuario/contraseña en mis cookies. Me preguntaba cómo puedo referirme a las cookies, de modo que si hay una cookie me redirija a la página principal en '/'