title: React rendering black screen without errors
body: <p>React is rendering the screen with no errors, except for its blank. it needs to display hello world, as my test for it to be working. I'm using <code>Routes</code> and <code>Route</code>. Any suggestions?</p>
  <pre><code>import {
    BrowserRouter as Router,
    Routes,
    Route,
    useNavigate,
  } from &quot;react-router-dom&quot;;
  import &quot;./App.css&quot;;
  
  import Search from &quot;./pages/Search&quot;;
  import Home from &quot;./pages/Home&quot;;
  import Reccomendations from &quot;./pages/Reccomendations&quot;;
  function App() {
    return (
      &lt;div className=&quot;App&quot;&gt;
        &lt;Router&gt;
          &lt;div&gt;Hello world&lt;/div&gt;
          &lt;Routes&gt;
            &lt;Route path=&quot;/&quot; exact element={&lt;Home /&gt;} /&gt;
            &lt;Route path=&quot;/reccomendations&quot; element={&lt;Reccomendations /&gt;} /&gt;
            &lt;Route path=&quot;/search&quot; element={&lt;Search /&gt;} /&gt;
          &lt;/Routes&gt;
        &lt;/Router&gt;
      &lt;/div&gt;
    );
  }
  
  export default App;
  </code></pre>