title: React Router returns me a blank web page not working
body: <p>I am facing a problem. I am trying to use React Router but it keeps showing me a blank page. Here is my code:</p>
  <p>App.js:</p>
  <pre><code>import React, {useEffect, useState} from 'react'; 
  import ConceptosBasicos from &quot;./components/ConceptosBasicos&quot;;
  
  
  function App(){
   return(
       &lt;div&gt;
        &lt;h1&gt;React Router&lt;/h1&gt;
        &lt;a href=&quot;https://reactrouter.com/web/guides/quick-start&quot; 
        target=&quot;_blank&quot; 
        rel=&quot;noreferrer&quot;
        &gt;
          Documentación&lt;/a&gt;
          &lt;hr/&gt;
          &lt;ConceptosBasicos/&gt;
        &lt;/div&gt;
    );
  };
  
  export default App;
  </code></pre>
  <p>ConceptosBásicos.js:</p>
  <pre><code>import React, { Component }  from 'react';
  
  import { BrowserRouter as Router, Route, Routes } from 'react-router-dom';
  
  
  const ConceptosBasicos=() =&gt;{
    return(
      &lt;div&gt;
        &lt;h2&gt;Conceptos Básicos&lt;/h2&gt;
      &lt;Router&gt;
        &lt;Routes&gt;
          &lt;Route exact path=&quot;/&quot;&gt;
          &lt;h3&gt;Home&lt;/h3&gt;
          &lt;p&gt;Bienvenid@s al tema de las Rutas en React&lt;/p&gt;
         &lt;/Route&gt;
         &lt;Route exact path=&quot;/acerca&quot;&gt;
          &lt;h3&gt;Acerca&lt;/h3&gt;
        &lt;/Route&gt;
        &lt;Route exact path=&quot;/contacto&quot;&gt;
          &lt;h3&gt;Contacto&lt;/h3&gt;
        &lt;/Route&gt;
        &lt;/Routes&gt;
      &lt;/Router&gt;
    &lt;/div&gt;
    );
  };
  
  export default ConceptosBasicos;
  </code></pre>
  <p>I've installed &quot;React Router V6&quot;, can anyone tell me what is the problem? Thanks for all the helpers.</p>