content: import React from 'react'
  import ReactDOM from 'react-dom'
  import RedBox from 'redbox-react'
  
  import { LocaleProvider } from 'antd'
  import { AppContainer } from 'react-hot-loader'
  import { Provider } from 'react-redux'
  
  import enUS from 'antd/lib/locale-provider/en_US'
  import state from 'state'
  
  import './styles/globals.scss'
  
  const MOUNT_NODE = document.getElementById('root')
  
  const renderError = (error) => {
    ReactDOM.render(<RedBox error={error} />, MOUNT_NODE)
  }
  
  const render = () => {
    const Router = require('./pages').default
  
    try {
      ReactDOM.render(
        <AppContainer>
          <Provider store={state.store}>
            <LocaleProvider locale={enUS}>
              <Router />
            </LocaleProvider>
          </Provider>
        </AppContainer>,
        MOUNT_NODE
      )
    } catch (err) {
      renderError(err)
    }
  }
  
  if (module.hot) {
    module.hot.accept('./pages', () => render())
  }
  
  render()
  