Якорная ссылка и автономный компонент в одних и тех же навигационных ссылках

Question

У меня есть одностраничное приложение, и я ссылаюсь на другой раздел через HashRouter. Теперь я хотел добавить еще один компонент, который должен отображать одну отдельную автономную страницу (сохраняя панель навигации).

Я понятия не имею, как это сделать. Пытались завернуть его в Switch, BrowserRouter... ничего из этого не работает.

      function App() {
  return (
    <div className="App">

        <HashRouter hashType='noslash'>
          <Navbar/>        
          <Hero/>      
          <About/>
          <Skills/>
          <Projects/>
          <Contact/>
          <Footer />

// Stand-alone component link here? //

        </HashRouter>

//or here? //
   
    </div>
  );
}

export default App;