title: Wrapping all routes in root route
body: <p>I'm trying to wrap all my routes in my root ("/") route so that when I go to localhost:port/ all routes render, been stuck on this problem from quite a while hoping to get help</p>
  
  <pre><code>import React, { Component } from 'react'
  import Automation from './Component/Automation/automation'
  import Login from './Component/Login/login'
  import SignUp from './Component/Signup/signup'
  import Unprovision from './Component/Unprovision/unprovision'
  import { Route, BrowserRouter as Router, Switch } from 'react-router-dom'
  // eslint-disable-next-line no-unused-vars
  import ProtectedRoute from './Component/protectedroute'
  import CutOver from './Component/Client/cutover'
  // import CheckForExistingSession from './Component/checkForExistingSession'
  import Device from './Component/Device/deviceView'
  import Product from './Component/Product/productView'
  import Wholesale from './Component/Wholesale/wholesaleView'
  import permissionManagement from './Component/Permission/permissionListView'
  import userManagement from './Component/UserList/userListView'
  import userEditView from './Component/UserList/userEditView'
  import modelView from './Component/ModelUI/modelView'
  import PageNotFound from './Component/pageNotFound/pageNotFound'
  
  class App extends Component {
    render () {
      return (
        &lt;Router&gt;
          &lt;div className="App"&gt;
            &lt;Switch&gt;
              &lt;Route exact path="/login" component={Login} /&gt;
              &lt;ProtectedRoute exact path="/signup" component={SignUp} /&gt;
              &lt;ProtectedRoute exact path="/automation" component={Automation} /&gt;
              &lt;ProtectedRoute path="/unprovision" component={Unprovision} /&gt;
              &lt;ProtectedRoute path="/cutover" component={CutOver} /&gt;
              &lt;ProtectedRoute path="/devices" component={Device} /&gt;
              &lt;ProtectedRoute path="/products" component={Product} /&gt;
              &lt;ProtectedRoute path="/wholesale" component={Wholesale} /&gt;
              &lt;ProtectedRoute exact path="/permissionManagement" component={permissionManagement} /&gt;
              &lt;ProtectedRoute exact path="/userManagement" component={userManagement} /&gt;
              &lt;ProtectedRoute exact path='/userEditView' component={userEditView} /&gt;
              &lt;ProtectedRoute exact path='/model' component={modelView} /&gt;
              &lt;Route exact path="/pageNotFound" component={PageNotFound} /&gt;            
            &lt;/Switch&gt;
          &lt;/div&gt;
        &lt;/Router&gt;
      )
    }
  }
  
  export default App
  </code></pre>
  
  <p>This is the version I'm using</p>
  
  <pre><code>"react-router": "^3.2.6",
  "react-router-dom": "^5.1.2",
  </code></pre>