title: React Router v4 renders multiple routes
body: <p>I'm creating an SPA and I'm trying to setup Routing in the application using the <code>react-router-dom</code> package version <code>4.1.1</code>.</p>
  
  <p>My Route Definition is below:</p>
  
  <pre><code>&lt;BrowserRouter&gt;
    &lt;div&gt;
      &lt;Route exact path="/" component={Login} /&gt;
      &lt;Route path="/login" component={Login} /&gt;
      &lt;Route path="404" component={NotFound} /&gt;
      &lt;Route path="*" component={NotFound} /&gt;
    &lt;/div&gt;
  &lt;/BrowserRouter&gt;
  </code></pre>
  
  <p>Basically, I want to setup routing so that any request to a page for which no route is defined goes to the <code>{NotFound}</code> component.</p>
  
  <p>How can this be achieved?
  The solution above renders both the <code>Login</code> and the <code>NotFound</code> component when requesting the <code>/login</code> page.</p>
  
  <p>Kind regards</p>