title: No routes matched location "/"
body: <p>I was trying to hit route &quot;/&quot; to render Home component. The component is getting rendered but on the console I am getting:</p>
  <pre><code>react_devtools_backend.js:3973 No routes matched location &quot;/&quot;  
      at Routes (http://localhost:3000/static/js/0.chunk.js:39008:24)
      at Router (http://localhost:3000/static/js/0.chunk.js:38933:30)
      at BrowserRouter (http://localhost:3000/static/js/0.chunk.js:38367:23)
      at App
  </code></pre>
  <p>This is my <strong>App.js</strong> file:</p>
  <pre><code>import React from &quot;react&quot;;
  import { BrowserRouter as Router, Routes, Route } from &quot;react-router-dom&quot;;
  
  import GithubState from &quot;./context/github/GithubState&quot;;
  import Navbar from &quot;./components/layout/Navbar&quot;;
  import Home from &quot;./components/pages/Home&quot;;
  import User from &quot;./components/users/User&quot;;
  import About from &quot;./components/pages/About&quot;;
  
  import &quot;./App.css&quot;;
  
  const App = () =&gt; {
    return (
      &lt;&gt;
        &lt;Router&gt;
          &lt;Navbar /&gt;
          &lt;GithubState&gt;
            &lt;Routes&gt;
              &lt;Route path=&quot;/&quot; element={&lt;Home /&gt;} /&gt;
              &lt;Route path=&quot;/user/:username&quot; element={&lt;User /&gt;} /&gt;
            &lt;/Routes&gt;
          &lt;/GithubState&gt;
  
          &lt;Routes&gt;
            &lt;Route path=&quot;/about&quot; element={&lt;About /&gt;} /&gt;
          &lt;/Routes&gt;
        &lt;/Router&gt;
      &lt;/&gt;
    );
  };
  
  export default App;
  </code></pre>
  <p>Kindly help me out here.</p>