react router - Anchor link and Stand-Alone component in same navigation links

Question

I have a Single-Page-App, and am linking to the different section via a HashRouter. Now I wanted to add another component that should render one a separate stand-alone page (keeping the navbar).

I have no idea how make this work. Have tried to wrap it in Switch, BrowserRouter... none of it works.

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;

question from:https://stackoverflow.com/questions/65938004/anchor-link-and-stand-alone-component-in-same-navigation-links

Answer 1

Waitting for answers