Support for Multiple PrivateRoutes

[JeffreyAugusto]

Hello,

I've added a second route to this project as my app needs multiple pages and paths, but it seems that when any page is refreshed is always redirects to the Dashboard.

Steps to reproduce:
First, add another PrivateRoute below the Dashboard. for example:
<PrivateRoute exact path="/" component={Dashboard} />
<PrivateRoute exact path="/pagetwo" component={PageTwo}/>

Then register, login, append "/pagetwo" to the URL, and refresh the page. The user ends up on "/" (the Dashboard) instead of "/pagetwo". Any ideas to support multiple PrivateRoutes?

Thanks!

[JeffreyAugusto]

I was able to resolve this (hopefully without future issues) by adding some more clarity to the if statement in PrivateRoute,js:

if (auth.isLoading) {
    return <h2>Loading...</h2>;
} else if (auth.token === null) {
    return <Redirect to="/login" />; 
} else if (auth.isAuthenticated) {
    return <Component {...props} />;
}

This is resolved because there was a small time in which auth.isAuthenticated === null which forced the user to go to the Login page. Then when auth.isAuthenticated === true it redirected the user to the Dashboard instead of the page that the user refreshed the page from. So instead I detected auth.token first. Hope this helps. Do you foresee any issues with this? Thanks!