title: How is routing done in react-router-dom version 6?
body: <p>I am having issues with routing in <code>react-router-dom</code> v6. My code is as follows :</p>
  <pre><code>import './App.css';
  import Header from './Header';
  import Home from './Home';
  import { BrowserRouter as  Router, Routes, Link } from &quot;react-router-dom&quot;;
  
  
  
  function App() {
    return (
      //BEM
      &lt;Router&gt;
          &lt;div className=&quot;app&quot;&gt;
            &lt;Routes&gt;
  
            &lt;Route path=&quot;/&quot; element={[&lt;Header /&gt;, &lt;Home /&gt;]} /&gt;
            
            &lt;/Routes&gt;
          &lt;/div&gt;
      &lt;/Router&gt;
    );
  }
  
  export default App;
  </code></pre>
  <p>Nothing gets rendered.
  Please help.</p>