title: Getting blank page on using Route | React
body: <p>guys!</p>
  <p>I'm having some kind of trouble when adding a simple /home route to my app. When i add the line below to my App.js, the app turns blank (even the NavBar vanishes):</p>
  <pre><code>        &lt;Route path='/home' exact component={HomeScreen} /&gt;
  </code></pre>
  <p>No compiling or server errors.</p>
  <p>Can u give me a light?</p>
  <h2>App.js</h2>
  <pre><code>import './App.css';
  import Navbar from './components/Navbar';
  import HomeScreen from './screens/HomeScreen'
  import { BrowserRouter, Route } from 'react-router-dom'
  
  function App() {
    return (
      &lt;div className=&quot;App&quot;&gt;
        &lt;Navbar/&gt;
        &lt;BrowserRouter&gt;
          &lt;Route path='/home' exact component={HomeScreen} /&gt;
        &lt;/BrowserRouter&gt;
      &lt;/div&gt;
    );
  }
  
  export default App;
  </code></pre>
  <h2>HomeScreen.js</h2>
  <pre><code>import React from 'react';
  
  function HomeScreen() {
    return (
        &lt;div&gt;
          &lt;h1&gt;asdasdHome Screen&lt;/h1&gt;
        &lt;/div&gt;
    )
  }
  
  export default HomeScreen
  </code></pre>
  <h2>Tree</h2>
  <p><a href="https://i.stack.imgur.com/qUi0q.png" rel="nofollow noreferrer">tree</a></p>