Routing on React?
I have this code:
return (
<div className="App">
<Routes>
<Route path="/login" element={<LoginPanel login={login} register={register} />} />
<Route
path="*"
element={
<ProtectedRoute isAuthenticated={isAuthenticated} isLoading={isLoading}>
{renderMainContent()}
</ProtectedRoute>
}
/>
</Routes>
</div>
)
if i try to access my app with for example "/products" isAuthenticated gets set to false, even if I'm logged in. I'll be logged in, I check isAuthenticated in the console, it's true, then I enter "/products" and I get set back to login screen. If I don't check for isAuthenticated the routing works. Do I need to set something in Kinde admin?
return (
<div className="App">
<Routes>
<Route path="/login" element={<LoginPanel login={login} register={register} />} />
<Route
path="*"
element={
<ProtectedRoute isAuthenticated={isAuthenticated} isLoading={isLoading}>
{renderMainContent()}
</ProtectedRoute>
}
/>
</Routes>
</div>
)
if i try to access my app with for example "/products" isAuthenticated gets set to false, even if I'm logged in. I'll be logged in, I check isAuthenticated in the console, it's true, then I enter "/products" and I get set back to login screen. If I don't check for isAuthenticated the routing works. Do I need to set something in Kinde admin?
