Я пытаюсь перенаправить на путь / логин, если переменная getUser равна нулю, но при использовании компонента Redirect я получаю сообщение об ошибке. Я использую компонент более высокого порядка, который окружает компонент приложения
const App = ({refetch, session}) => {
const getUser = session.obtenerUsuario;
let message = (getUser) ? `Welcome ${getUser.usuario}` : <Redirect to="/login"/>;
return(
<Fragment>
<Router>
<Fragment>
<Menu/>
<div className="gray-bg" id="page-wrapper">
<Header/>
{message}
<Switch>
<Route exact path="/zonas" component={Zonas}/>
<Route exact path="/mapaAguachica" component={MapaAguachica}/>
<Route exac path="/zona/barrio/:id" component={Barrios}/>
<Route exact path="/campañas/micro" component={Micro}/>
<Route exact path="/campañas/macro" component={Macro}/>
<Route exact path="/campañas/votantes" component={Votantes}/>
<Route exac path="/campañas/registro" component={Registro}/>
<Route exac path="/cumpleaños" component={Cumple}/>
<Route exac path="/perfil/:id/:nombre" component={Perfil}/>
<Route exac path="/registrar/usuario" component={RegistroUsuario}/>
<Route exac path="/login" render = {() => <Login refetch={refetch}/>}/>
</Switch>
<Footer/>
</div>
</Fragment>
</Router>
</Fragment>
)
}
Результат следующий
Результат запуска приложения
Создается впечатление, что цикл генерируется, но я не знаю, в чем причина, что он генерируется. Я ценю ваш совет