title: My 404 not found page with React router is not working
body: <p>My &quot;404 not found page&quot; with React router is not working.
  This is how I use Router(v6):</p>
  <pre><code>  &lt;BrowserRouter&gt;
      &lt;Routes&gt;
        &lt;Route path='*' element={&lt;Notfound/&gt;} /&gt;
        &lt;Route path=&quot;/&quot; element={&lt;Homepage/&gt;} /&gt;
        &lt;Route path=&quot;/home&quot; element={&lt;Homepage/&gt;} /&gt;
        &lt;Route path=&quot;/about&quot; element={&lt;Aboutpage/&gt;} /&gt;
        &lt;Route path=&quot;/picture&quot; element={&lt;Picturepage/&gt;} /&gt;
        &lt;Route path=&quot;/projects&quot; element={&lt;Projectpage/&gt;} /&gt;
      &lt;/Routes&gt;
    &lt;/BrowserRouter&gt;
  </code></pre>
  <p>The &quot;Not found&quot; element is the page I'm looking for, but it seems it doesn't work for me.
  In the Notfound.js I wrote like this:</p>
  <pre><code>import React from 'react'
  
  const Notfound = () =&gt; {
    return (
      &lt;div className='Notfound'&gt;404 Notfound&lt;/div&gt;
    )
  }
  
  export default Notfound
  </code></pre>
  <p>I imported the page, but I can't fix this. Thanks for all your help</p>