route.js

// index.js
const render = () =>
  ReactDOM.render(
    <Provider store={store}>
      <ConnectedRouter history={history}>
        <App />
      </ConnectedRouter>
    </Provider>,
    root
  )

if (module.hot) {
  module.hot.accept(render)
}
render()

// app.js
const AppView = () => (
  <>
    <RouterConfig />
    <GlobalStyle />
  </>
)

export const App = hot(module)(AppView)


// routes.js
export const RouterConfig = () => (
  <Switch>
    {commonRoutes().map((routes, i) => {
      return <Route key={i} {...routes} />
    })}
  </Switch>
)