title: React Route Component handle all "/" routes EXCEPT for "/login"
body: <p>Dashboard component renders too, while I am entering <code>/login</code>. I need to omit Dashboard component while in Login.   </p>
  
  <p><strong>Exact</strong> attribute does not fit because <em>Dashboard</em> has nested paths like <code>/dashboard/users</code>, <code>/dashboard/settings</code></p>
  
  <pre><code>&lt;BrowserRouter&gt;
      &lt;Route path='/'&gt;
           &lt;div&gt;
               &lt;Route path='/login'   component={Login}       exact   /&gt;
               &lt;Route path='/'        component={Dashboard}           /&gt;
           &lt;/div&gt;
      &lt;/Route&gt;
  &lt;/BrowserRouter&gt;   
  </code></pre>