get webpack HMR working

jokester · Apr 17, 2018 · 92df62e · 92df62e · lookfirst · May 1, 2018
1 parent 10e5dd0
commit 92df62e
Showing 1 changed file with 18 additions and 0 deletions.
diff --git a/browser-react/src/index.tsx b/browser-react/src/index.tsx
@@ -4,8 +4,26 @@ import App from './App';
 import './index.css';
 import registerServiceWorker from './registerServiceWorker';
 
+function registerHMR() {
+  type ModuleHMR = typeof module & {
+    hot?: {
+      accept(dependencies: string | string[], callback: (updatedDependencies: any[]) => void): void
+    }
+  };
+
+  if ((module as ModuleHMR).hot) {
+    (module as ModuleHMR).hot!.accept('./App', () => {
+      ReactDOM.render(
+        <App />,
+        document.getElementById('root') as HTMLElement
+      );
+    });
+  }
+}
+
 ReactDOM.render(
   <App />,
   document.getElementById('root') as HTMLElement
 );
 registerServiceWorker();
+registerHMR();