Реализую примитивную авторизацию пользователя через localStorage, просто записываю туда true, если пользователь авторизован и false, если не авторизован.
Пример кода на скрине, роуты прописаны для всех компонентов в App.js, когда перехожу по роуту /protected он перебрасывает на страницу логина, если в localStorage записан false.
Далее в компоненте логина выполняю примитивную авторизацию:
1. собираю данные с формы авторизации в простой объект и помещаю его в локальный стейт через useState()
2. При нажатии кнопки отправить форму, сравниваю объект собранный с формы с объектом авторизации который есть в сторе Redux, Если объекты совпадают, то диспатку экшен и записываю в стору флаг true и в localStorage записываю true.
Вопрос в том, что после этого не происходит редирект на страницу с пользователем, хотя он прописан далее в компоненте формы авторизации. При этом и в стору и в localStorage все пишется верно, приходится обновлять страницу и тогда появляется доступ к к авторизованнй странице