Ребята привет, есть такой кусок кода, отвечающий за слой авторизации.
Не могу вынести в codesandbox, много связанной логики.
<Provider store={store}>
<AuthenticationManager>
<Router>
<App />
</Router>
</AuthenticationManager>
</Provider>
const AuthenticationManager = ({ children }) => {
const { isAuthenticated, ...other } = useSelector(getAuthSelector);
const dispatch = useDispatch();
useEffect(() => {
dispatch(autoLoginAction());
}, []);
return (
<AuthenticationCtx.Provider
value={{
isAuthenticated,
...other
}}
>
{children}
</AuthenticationCtx.Provider>
);
};
В AuthenticationManager достаю isAuthenticated и другие переменные из redux store
const { isAuthenticated, ...other } = useSelector(getAuthSelector);
const PrivateRoute = ({
render: renderProp,
component: Component,
...rest
}) => (
<Route
{...rest}
render={({ location, ...props }) => (
<AuthenticationCtx.Consumer>
{({ isAuthenticated }) => {
if (!isAuthenticated) {
return (
<Redirect
to={{
pathname: ROUTES.SIGN_IN,
state: { from: location },
}}
/>
);
}
if (renderProp) return renderProp(rest);
return <Component {...rest} />;
}}
</AuthenticationCtx.Consumer>
)}
/>
);
Вопрос:
При первом рендере AuthenticationManager выполняю запрос, чтобы узнать залогинен ли юзер и узнаю его роль
dispatch(autoLoginAction());
В redux изменяется isAuthenticated, но проблема в том, что в PrivateRoute прокинутое свойство isAuthenticated не изменяется, остаётся в первоначальном значении.
Собственно уже долго не могу въехать почему isAuthenticated не изменяется...
Help, очень нужнен чей то совет!
