How to add hot module replacement (react-hot-loader) in Create React App

index.js

import { AppContainer } from 'react-hot-loader' // Install `npm install react-hot-loader@next`
import React from 'react'
import App from './App'

const renderApp = (Root) => {
  React.render(
    <AppContainer>
      <Root />
    </AppContainer>,
    document.getElementById('app-root')
  )
}

renderApp(App)

if (module.hot) {
  module.hot.accept('./App', () => {
    const NewApp = require('./App').default
    renderApp(NewApp)
  })
}