react-logo/frontend/src/app.js

import { Component, Fragment } from 'react'
import { hot } from 'react-hot-loader'
import { HashRouter } from 'react-router-dom' // ou BrowserRouter
import { Route, Switch, Redirect } from 'react-router'
import HomePage from './pages/home';
import { ConnectedLoginPage as LoginPage } from './pages/login';
import DashBoardClient from './pages/DashBoardClient';
import DashBoardDev from './pages/DashBoardDev';
import { ConnectedLogoutPage as LogoutPage } from './pages/logout';

class App extends Component {
  render () {
    return (
    <Fragment>
      <HashRouter>
        <Switch>
          <Route path='/login' exact component={LoginPage} />
          <Route path='/logout' exact component={LogoutPage} />
          <Route path='/home' exact component={HomePage} />
          <Route path='/dashboard-client' exact component={DashBoardClient} />
          <Route path='/dashboard-dev' exact component={DashBoardDev} />
          <Route component={() => <Redirect to="/home" />} />
        </Switch>
      </HashRouter>
    </Fragment>
    )
  }
}

export default hot(module)(App)