реакции-маршрутизатор: как перейти от базового имени к родительскому маршруту

Question

У меня есть родительский маршрут /, а также вложенный дочерний маршрут /settings. Когда я /settings контекст, я не могу перенаправить на родительский /login. Редирект переходит на /settings/login. Я представил родительский и детский маршрут здесь. Требуются ли какие-либо изменения?

Родительский блок ниже:

<BrowserRouter basename='/' > 
    <React.Fragment>
      < Content />  /* /settings route configured here */
    </React.Fragment>
</BrowserRouter>

class Router extends Component {
render() {
  return (  
    <Switch>
        <React.Fragment>
          <Route exact path='/' component={Page} />
          <Route path='/login' component={Login} />
        </React.Fragment>
    </Switch>
  );
}

}

Вложенный блок ниже:

 <BrowserRouter basename='/settings'>
          <Router/>
 </BrowserRouter>

class Router extends Component {
render() {
  return (
        <Switch>
          <React.Fragment>
            <Route exact path='/' component={User} />
            <Route path='/password' component={ResetPassword} />
          </React.Fragment>
        </Switch>
  );
}

}