如何根据角色在 react router v5 中设置默认登陆页面

如何解决如何根据角色在 react router v5 中设置默认登陆页面

我的路由器设置如下：

function PrivateRoute({ component: Component,isAllowed,...rest }) {
   
   return (
     <Route
       {...rest}
       render={({ location }) =>
         isAllowed ? <Component {...props} /> : (
           <Redirect to={{
             pathname: '/Unauthorized',state: { from: location }
           }} />
         )
       }
     />
   );
 }

return (

<Router history={history}>
<Switch>

    <PrivateRoute component={SearchPage} exact path={["/","/search"]} 
     isAllowed={hasSearchAccess} />

     <PrivateRoute component={SearchResultsPage} exact path="/searchResults" 
     isAllowed={hasSearchAccess} />

      <PrivateRoute component={ApproverPage} exact path="/approve" isAllowed= 
      {hasApproverAccess} />
       </Route>

     </Switch>
   </Router>
 );

现在基于 UserRole（不同的布尔变量）需要显示默认登录页面。并且该路由应仅在用户登录后运行。刷新时页面不应重定向到默认登录页面。如何实现？