Не работает navigate to ='/' на фронте в redux
Ссылка на гит https://github.com/APlao/siteFix. Проблема в том, что когда я нажимаю на кнопку "войти" и ввожу данные меня не редиректит функция Navigate to='/' из "react-router-dom";(файл pages/login/index.jsx 27 - 30 строка). Данные с бека приходят и проверка isAuth в консоли выдает true. Но вот страница не вырисовывается. import React from "react"; import {Navigate} from "react-router-dom";
import { useDispatch, useSelector } from 'react-redux';
import Typography from "@mui/material/Typography";
import TextField from "@mui/material/TextField";
import Paper from "@mui/material/Paper";
import Button from "@mui/material/Button";
import {useForm} from 'react-hook-form'
import {fetchAuth, selectIsAuth} from '../../redux/slices/auth'
import styles from "./Login.module.scss";
export const Login = () => {
const isAuth =useSelector(selectIsAuth);
const dispatch = useDispatch()
const { register, handleSubmit, setError, formState: { errors,
isValid } } = useForm({
defaultValues: { email: '[email protected]', password: '' },
mode: 'onChange',
});
const onSubmit = (values) => {
dispatch(fetchAuth(values))
}
if (isAuth) {
console.log('isAuth:', isAuth);
return <Navigate to='/' />
}
return (
<Paper classes={{ root: styles.root }}>
<Typography classes={{ root: styles.title }} variant="h5">
Вход в аккаунт
</Typography>
<form onSubmit={handleSubmit(onSubmit)}>
<TextField
className={styles.field}
label="E-Mail"
error={Boolean(errors.email?.message)}
helperText={errors.email?.message}
type="email"
{...register('email',{required:'Укажите почту'})}
fullWidth
/>
<TextField className={styles.field} label="Пароль"
error={Boolean(errors.password?.message)}
helperText={errors.password?.message}
{...register('password',{required:'Укажите пороль'})}
fullWidth
/>
<Button type="submit" size="large" variant="contained" fullWidth>
Войти
</Button>
</form>
</Paper>
); };