Improve: hot reload

src/containers/App.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react'
 import { Route } from 'react-router-dom'
+import { hot } from 'react-hot-loader'
 import { I18nProps } from '@i18n'
 import './App.scss'
 
@@ -13,6 +14,7 @@ import SlideBar from '@containers/Sidebar'
 export interface AppProps extends I18nProps {
 }
 
+@hot(module)
 export default class App extends React.Component<AppProps, {}> {
     render () {
         const routes = [

src/index.ts

@@ -24,7 +24,6 @@ OfflinePluginRuntime.install({
         // Reload the webpage to load into the new version
         window.location.reload()
     },
-
     onUpdateFailed: () => {
         console.error('SW Event:', 'onUpdateFailed')
     }

src/render.tsx

@@ -3,19 +3,13 @@ import { render } from 'react-dom'
 import { Provider } from 'mobx-react'
 import { HashRouter } from 'react-router-dom'
 import { I18nextProvider } from 'react-i18next'
-import { AppContainer } from 'react-hot-loader'
 import { rootStores } from '@lib/createStore'
 import App from '@containers/App'
 import i18n from '@i18n'
 
-const rootEl = document.getElementById('root')
-
-// Hot Module Replacement API
-declare let module: { hot: any }
-
 export default function renderApp () {
-    render(
+    const rootEl = document.getElementById('root')
-        <AppContainer>
+    const AppInstance = (
         <Provider {...rootStores}>
             <HashRouter>
                 <I18nextProvider i18n={ i18n }>
@@ -23,25 +17,7 @@ export default function renderApp () {
                 </I18nextProvider>
             </HashRouter>
         </Provider>
-        </AppContainer>,
-        rootEl
     )
 
-    if (module.hot) {
+    render(AppInstance, rootEl)
-        module.hot.accept('./containers/App', () => {
-            const NewApp = require('./containers/App').default
-            render(
-                <AppContainer>
-                    <Provider {...rootStores}>
-                        <HashRouter>
-                            <I18nextProvider i18n={ i18n }>
-                                <NewApp />
-                            </I18nextProvider>
-                        </HashRouter>
-                    </Provider>
-                </AppContainer>,
-                rootEl
-            )
-        })
-    }
 }