title: React Router only render '/' none of other routes
body: <p>My react router is having unexpected behavior.</p>
  
  <p>routes.js</p>
  
  <pre><code>   import React from 'react'
      import { BrowserRouter as Router, Route, Switch, Redirect } from 'react-router-dom'
  
      import { Login, Recover, Home } from '../Pages'
  
      const Routes =(
        &lt;Router&gt;
          &lt;Switch&gt;
            &lt;Route path="/" exact component={Home} /&gt;
            &lt;Route path="/login" exact component={Login} /&gt;
            &lt;Route path="/recover" component={Recover} /&gt;
            &lt;Route path="*" render={() =&gt; &lt;h1&gt;Page not found&lt;/h1&gt;} /&gt;
          &lt;/Switch&gt;
        &lt;/Router&gt;
      )
  
      export default Routes
      export { Routes }
  </code></pre>
  
  <p>and my index.js</p>
  
  <pre><code>import React from 'react'
  import ReactDOM from 'react-dom'
  
  import Routes from './Services/routes'
  
  ReactDOM.render(Routes, document.getElementById('root'))
  </code></pre>
  
  <p>Only the components I put in '/' work, what can it be?</p>
  
  <p>When I try open /login or /recover the browser render Cannot GET /login or Cannot GET /recover</p>