React Route Component handle all "/" routes EXCEPT for "/login"

Question

Dashboard component renders too, while I am entering /login. I need to omit Dashboard component while in Login.

Exact attribute does not fit because Dashboard has nested paths like /dashboard/users, /dashboard/settings

<BrowserRouter>
    <Route path='/'>
         <div>
             <Route path='/login'   component={Login}       exact   />
             <Route path='/'        component={Dashboard}           />
         </div>
    </Route>
</BrowserRouter>   

Answer 1

You could use Switch to render the first matching Route

<BrowserRouter>
    <Route path='/'>
         <div>
            <Switch>
              <Route path='/login'   component={Login}       exact   />
              <Route path='/'        component={Dashboard}           />
            </Switch>
         </div>
    </Route>
</BrowserRouter>