title: React Router - Problems to render components. white screen
body: <p>I'm working in a dashboard with react a react-router-dom. I have a structure that is the Auth pages and dashboard pages. When I navigate from login to mainPages and try to select a navlink in the DashboardContainer show me a white screen. </p>
  
  <pre><code>const MainContainer  = ()=&gt;{
      return(
          &lt;BrowserRouter&gt;
              &lt;div style={{flexDirection: 'row', display: 'flex'}}&gt;
                  &lt;Route path="/login" exact component={LoginPage}/&gt;
                  &lt;Route path="/main" exact component={DashBoardCotainer}/&gt;
  
              &lt;/div&gt;
  
  
          &lt;/BrowserRouter&gt;
      )
  }
  
  export default MainContainer;
  </code></pre>
  
  <p>click on login button and redirect me to the dashboard </p>
  
  <pre><code>const LoginPage  = (props)=&gt;{
      return(
          &lt;div style={{width: '100%', height: '100vh', alignItems: 'center', justifyContent: 'center', display: 'flex', flexDirection: 'column'}}&gt;
              &lt;h1&gt;Vendedor Solar&lt;/h1&gt;
              &lt;button onClick={()=&gt;{props.history.push( '/main' )}}&gt;Logar&lt;/button&gt;
  
  
          &lt;/div&gt;
      )
  }
  
  export default LoginPage;
  </code></pre>
  
  <p>the problem occurs when I click in a navlink of the side bar of dashboard </p>
  
  <pre><code>const DashBoardCotainer = () =&gt; {
      return (
  
          &lt;div style={{flexDirection: 'row', display: 'flex'}}&gt;
              &lt;Navigation/&gt;
              &lt;div style={{padding: 20}}&gt;
                  &lt;Switch&gt;
                      &lt;Route path="/home" exact component={Home}/&gt;
                      &lt;Route path="/order" exact component={Orders}/&gt;
                      &lt;Route path="/contact" exact component={Contact}/&gt;
                      &lt;Route component={Error}/&gt;
                  &lt;/Switch&gt;
              &lt;/div&gt;
  
          &lt;/div&gt;
  
  
  
      )
  }
  
  export default DashBoardCotainer;
  
  
  class Navigation extends Component{
  
      constructor(props){
          super(props)
          this.state={
              navVisilbe:false
          }
      }
  
      render(){
          const {navVisilbe} = this.state
  
          return(
              &lt;div style={{display:'flex', flexDirection: 'column', padding: 20, height: '100vh',
                  backgroundColor: mainOrange}}&gt;
  
  
                  &lt;NavLink to="/home"  exact
  
                          &gt;Home&lt;/NavLink&gt;
                  &lt;NavLink to="/order"  exact
                        &gt;Pedidos&lt;/NavLink&gt;
                  &lt;NavLink to="/contact"  exact
  
                           &gt;Contatos&lt;/NavLink&gt;
  
  
              &lt;/div&gt;
          )
      }
  
  }
  export default Navigation
  </code></pre>