title: <Redirect/> returns a blank page - ReactJS
body: <p>Hey guys i'm trying to send a user to the home page using <code>&lt;Redirect/&gt;</code> from <code>react-router</code> when they have been successfully logged in . But no success until now . The timeout is working , but it sends me to a blank page and not to the <code>Home.js</code> . Any idea how this problem can be fixed ?</p>
  
  <p><strong>Confirm.js</strong></p>
  
  <pre><code>import React, { Component } from 'react';
  import { BrowserRouter as Router } from 'react-router-dom'
  import { Redirect } from 'react-router'
  import Route from 'react-router-dom/Route';
  
  import Home from './HomePage'
  
  class Confirm extends Component {
  
  
      state = {
          redirect: false
      }
      componentDidMount() {
          this.id = setTimeout(() =&gt; this.setState({ redirect: true }), 3000)
      }
      componentWillUnmount() {
          clearTimeout(this.id)
      }
      render() {
          // setTimeout(function(){alert('Hello!');},3000); 
          return (
              &lt;Router&gt;
                  &lt;div className='Confirm'&gt;
                      &lt;Route path='/confirm' render={
                          () =&gt; {
                              return this.state.redirect
                                  ? &lt;Redirect exact to="/" component={Home} /&gt;
                                  : &lt;div className='Success'&gt;
                                      &lt;h1&gt;Confirmed Session&lt;/h1&gt;
                                      &lt;p&gt;Okay you are good to go . Your session has started .&lt;/p&gt;
  
                                  &lt;/div&gt;
  
                          }
                      } /&gt;
                  &lt;/div&gt;
              &lt;/Router&gt;
          );
      }
  }
  export default Confirm;
  </code></pre>