Как решить ошибку перебора стека в приватном роуте?

App.tsx

function App() {
return (
  <AppWrapper>
      {
          (currentUser, init) =>
              <div className="App">
                  <Switch>
                      {/* Common Routes */}
                      <Route exact path={'/'} component={Homepage} />

                      {/* User account */}
                      <Route exact path={appRoutes.common.auth.register.link} render={() => <Login isReg  />} />
                      <Route path={appRoutes.member.dashboard.link} component={() => <Panel role={currentUser.role || 'Participant'} plan={currentUser.plan || 'Week'} />} />
                      
                      <PrivateRoute exact path={appRoutes.common.auth.login.link} roles={[ERoles.Member]} component={Panel}/>
                  </Switch>
              </div>
      }
  </AppWrapper>

); }

PrivateRoute.tsx

const PrivateRoute: React.FC<IPrivateRouteProps> = (props) => {
const {initialized, currentUser} = useContext(AppContext);
const {component: Component, roles, ...rest} = props;


return (
    <Route
        {...rest}
        render={(routerProps) =>
            !initialized ? (
                <Redirect to={{ pathname: '/login', state: {from: routerProps.location}}} />
            ) : (
                <Redirect to={{pathname: appRoutes.member.dashboard.link, state: {from: routerProps.location}}} />
            )
        }
    />
)

};