title: Render multiple elements in React Router v6.+
body: <p>I need the answer to this question: <a href="https://stackoverflow.com/questions/37342997/render-multiple-components-in-react-router">Render multiple components in React Router</a> but for the newer version of react-router-dom (I'm using v6.0.2)</p>
  <p>the older version of router-dom would work like this:</p>
  <pre><code>&lt;Route path=&quot;/&quot;&gt;
   &lt;Header/&gt;
   &lt;Home/&gt;
  &lt;/Route&gt;
  </code></pre>
  <p>while the new one looks like this:</p>
  <pre><code>&lt;Route exact path=&quot;/&quot; element={&lt;Home/&gt;}/&gt;
  </code></pre>
  <p>I'm not sure how to add the Header as well</p>