Наличие защищенного маршрута и открытого маршрута

Question

Я создал портал, который аутентифицируется с помощью MSAL и Active Directory. У меня следующая настройка:

index.js:

ReactDOM.render(
   <BrowserRouter>
    <AzureAD provider={authProvider} forceLogin={true}>
      <App />
     <LoadingIndicator></LoadingIndicator>  
    </AzureAD>
  </BrowserRouter>
  ,
  document.getElementById('root'),
);

Выше вы можете видеть, что я добавляю AzureAD вокруг своего приложения, и это требует аутентификации для всех моих маршрутов. Ниже мои маршруты в моем Main.js:

const Main = () => (
  <div>
    <main>
      <Switch> 
        <Route path="/page1/:token?" component={Page1} />
        <Route path="/page2" component={Page2} />
        <Route path="/tokenfail" component={TokenFailPage} />
        <Route path="/complete" component={CompletedPage} /> 
        <Route path="/" component={Home} />
      </Switch>       
    </main>
  </div>
);

Однако я бы хотел, чтобы некоторые страницы были анонимными, например, "Вы вышли из системы и т. Д.". Но я не знаю, и где добавить эти маршруты, когда у меня будет переключатель. Есть указатели?