content: import React from 'react'
  import ReactDOM from 'react-dom'
  import App from './App'
  
  // ----------------------------------------
  // Rendering
  // ----------------------------------------
  
  const mountNode = document.createElement('div')
  document.body.appendChild(mountNode)
  
  const render = (NewApp) => ReactDOM.render(<NewApp />, mountNode)
  
  // ----------------------------------------
  // HMR
  // ----------------------------------------
  
  if (__DEV__) {
    // When the application source code changes, re-render the whole thing.
    if (module.hot) {
      module.hot.accept('./App', () => {
        // restore scroll
        const { scrollLeft, scrollTop } = document.scrollingElement
        ReactDOM.unmountComponentAtNode(mountNode)
  
        try {
          render(require('./App').default)
          document.scrollingElement.scrollTop = scrollTop
          document.scrollingElement.scrollLeft = scrollLeft
        } catch (e) {
          console.error(e) // eslint-disable-line no-console
        }
      })
    }
  }
  
  // ----------------------------------------
  // Start the app
  // ----------------------------------------
  
  render(App)
  