No sé cómo representar el componente de inicio de sesión si no se detecta el usuario actual. No recibo ningún error, solo que está representando un componente vacío debido al valor "currentUser = null".
<Routes> <Route exact path='/' element={<HomePage />} /> <Route exact path='/shop' element={<ShopPage />} /> <Route exact path='/signIn' render={() => currentUser ? <Navigate to='/' /> : <SignIn /> } /> <Route exact path='/register' element={<Register />} /> </Routes>Suponiendo que currentUser esté definido dentro del componente que está representando las rutas, querrá hacerlo de esta manera:
// routes <Routes> <Route exact path='/' element={<HomePage />} /> <Route exact path='/shop' element={<ShopPage />} /> <Route exact path='/signIn' element ={ <SignIn currentUser={currentUser}/>}/> <Route exact path='/register' element={<Register />} /> </Routes> // SignIn export function SignIn({currentUser}){ if(currentUser){ return <Navigate to ="/"/> } return <div>Hello</div> }