title: React JS Error - No routes matched location "/"
body: <p>It show white screen and console error ( No routes matched location &quot;/&quot; )</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>import {BrowserRouter as Router, Switch, Routes, Link} from 'react-router-dom'; 
  import Home from './pages/Home';
  import About from './pages/About';
  
  function App(){
      return &lt;&gt;
              
  
              &lt;Router&gt;
              &lt;Link to="/"&gt;Home&lt;/Link&gt; 
              &lt;Link to="/About"&gt;About&lt;/Link&gt;
  
                  &lt;Routes path={'/'} elements={&lt;Home /&gt;}  /&gt;
                  &lt;Routes path={'/About'} elements={&lt;About /&gt;} /&gt;
              &lt;/Router&gt;       
      &lt;/&gt;;
  }
  
  export default App;</code></pre>
  </div>
  </div>
  </p>
  <p>Please Help me. Thanx in Advance.</p>