title: How to build a 404 page with react-router-dom v6
body: <p>I just upgraded to v6beta for react-router-dom because I wanted to organize my routes, but the 404 page is now broken:</p>
  <pre><code>export function AllRoutes(props) {
  
    return(
      &lt;Routes&gt;
  
        &lt;Route path=&quot;/about-us&quot;&gt;
          &lt;Route path=&quot;contact&quot;&gt;     &lt;AboutContact/&gt; &lt;/Route&gt;
          &lt;Route path=&quot;our-logo&quot;&gt;    &lt;AboutLogo/&gt;    &lt;/Route&gt;
          &lt;Route path=&quot;the-mission&quot;&gt; &lt;AboutMission/&gt; &lt;/Route&gt;
          &lt;Route path=&quot;the-team&quot;&gt;    &lt;AboutTeam/&gt;    &lt;/Route&gt;
          &lt;Route path=&quot;our-work&quot;&gt;    &lt;AboutWork/&gt;    &lt;/Route&gt;
        &lt;/Route&gt;
  
        &lt;Route path=&quot;/user&quot;&gt;
          &lt;Route path=&quot;sign-in&quot;&gt; &lt;UserSignIn/&gt; &lt;/Route&gt;
          &lt;Route path=&quot;sign-up&quot;&gt; &lt;UserSignUp/&gt; &lt;/Route&gt;
        &lt;/Route&gt;
  
  
        &lt;Route path=&quot;/&quot;&gt;
          &lt;Home/&gt;
        &lt;/Route&gt;
  
        &lt;Route &gt;
          &lt;NotFound/&gt;
        &lt;/Route&gt;
  
      &lt;/Routes&gt;
    )
  }
  </code></pre>
  <p>So everything works as expected (including the home page) except the not found page, which does not work even when adding <code>path=&quot;/*&quot;</code> or <code>path=&quot;*&quot;</code></p>
  <p>Any easy solution for this?</p>