Не рендерится страница после перезагрузки

Question

Всем здравствуйте, столкнулась с проблемой, что рендерится после перезагрузки и перехода на другую страницу. Редирект на /login срабатывает, страница отрисовывается, но если перейти на /signup либо перезагрузить страницу, путь меняется и страница пустая.

const Wrap = (Component) => (props) => {
  return (
    <>
      <Body>
        <Logo />
        <Component { ...props } />
      </Body>
      <Socials />
    </>
  );
};

export default function Auth() {

  const token = useSelector(state => state.auth.token);
  const user = useSelector(state => state.auth.user);
  console.log({token, user});

  return (
    <>
      <BrowserRouter>
        <Switch>
          
          <Route exact path="/login" component={Wrap(Login)} />
          <Route exact path="/register" component={Wrap(SignUp)} />
          
          <GuardedRoute path="/" component={MainPage} token={token} />
        </Switch>
      </BrowserRouter>
    </>
  );
}

GuardedRoute.js

import React from 'react';
import { Route, Redirect } from "react-router-dom";

const GuardedRoute = ({ component: Component, token, ...rest }) => {
console.log("token:" + token)
    return(
        <Route {...rest} render={(props) => (
          token !== null
                ? <Component {...props} />
                : <Redirect to='/login' />
        )} />
    )
}

export default GuardedRoute;

БЛОГ НА HUSL

Не рендерится страница после перезагрузки

Ответы (0 шт):