Setup HMR

client/package-lock.json

@@ -5600,6 +5600,12 @@
 				}
 			}
 		},
+		"dom-walk": {
+			"version": "0.1.1",
+			"resolved": "https://registry.npmjs.org/dom-walk/-/dom-walk-0.1.1.tgz",
+			"integrity": "sha1-ZyIm3HTI95mtNTB9+TaroRrNYBg=",
+			"dev": true
+		},
 		"domain-browser": {
 			"version": "1.2.0",
 			"resolved": "https://registry.npmjs.org/domain-browser/-/domain-browser-1.2.0.tgz",
@@ -7636,6 +7642,24 @@
 				}
 			}
 		},
+		"global": {
+			"version": "4.3.2",
+			"resolved": "https://registry.npmjs.org/global/-/global-4.3.2.tgz",
+			"integrity": "sha1-52mJJopsdMOJCLEwWxD8DjlOnQ8=",
+			"dev": true,
+			"requires": {
+				"min-document": "^2.19.0",
+				"process": "~0.5.1"
+			},
+			"dependencies": {
+				"process": {
+					"version": "0.5.2",
+					"resolved": "https://registry.npmjs.org/process/-/process-0.5.2.tgz",
+					"integrity": "sha1-FjjYqONML0QKkduVq5rrZ3/Bhc8=",
+					"dev": true
+				}
+			}
+		},
 		"global-dirs": {
 			"version": "0.1.1",
 			"resolved": "https://registry.npmjs.org/global-dirs/-/global-dirs-0.1.1.tgz",
@@ -9716,6 +9740,15 @@
 			"integrity": "sha512-jf84uxzwiuiIVKiOLpfYk7N46TSy8ubTonmneY9vrpHNAnp0QBt2BxWV9dO3/j+BoVAb+a5G6YDPW3M5HOdMWQ==",
 			"dev": true
 		},
+		"min-document": {
+			"version": "2.19.0",
+			"resolved": "https://registry.npmjs.org/min-document/-/min-document-2.19.0.tgz",
+			"integrity": "sha1-e9KC4/WELtKVu3SM3Z8f+iyCRoU=",
+			"dev": true,
+			"requires": {
+				"dom-walk": "^0.1.0"
+			}
+		},
 		"mini-css-extract-plugin": {
 			"version": "0.4.3",
 			"resolved": "https://registry.npmjs.org/mini-css-extract-plugin/-/mini-css-extract-plugin-0.4.3.tgz",
@@ -12093,6 +12126,20 @@
 				"warning": "^4.0.1"
 			}
 		},
+		"react-hot-loader": {
+			"version": "4.3.11",
+			"resolved": "https://registry.npmjs.org/react-hot-loader/-/react-hot-loader-4.3.11.tgz",
+			"integrity": "sha512-T0G5jURyTsFLoiW6MTr5Q35UHC/B2pmYJ7+VBjk8yMDCEABRmCGy4g6QwxoB4pWg4/xYvVTa/Pbqnsgx/+NLuA==",
+			"dev": true,
+			"requires": {
+				"fast-levenshtein": "^2.0.6",
+				"global": "^4.3.0",
+				"hoist-non-react-statics": "^2.5.0",
+				"prop-types": "^15.6.1",
+				"react-lifecycles-compat": "^3.0.4",
+				"shallowequal": "^1.0.2"
+			}
+		},
 		"react-image-crop": {
 			"version": "5.0.0",
 			"resolved": "https://registry.npmjs.org/react-image-crop/-/react-image-crop-5.0.0.tgz",
@@ -13280,6 +13327,12 @@
 				}
 			}
 		},
+		"shallowequal": {
+			"version": "1.1.0",
+			"resolved": "https://registry.npmjs.org/shallowequal/-/shallowequal-1.1.0.tgz",
+			"integrity": "sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ==",
+			"dev": true
+		},
 		"shebang-command": {
 			"version": "1.2.0",
 			"resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz",

client/package.json

@@ -54,6 +54,7 @@
     "postcss-loader": "^2.1.6",
     "prettier": "^1.14.3",
     "prettier-standard": "^8.0.1",
+    "react-hot-loader": "^4.3.11",
     "sass-loader": "^6.0.7",
     "script-ext-html-webpack-plugin": "^2.0.1",
     "style-loader": "^0.21.0",

client/src/index.js

@@ -1,6 +1,7 @@
 import React, { Component } from 'react'
 import PropTypes from 'prop-types'
 import { Route, BrowserRouter, Switch } from 'react-router-dom'
+import { hot } from 'react-hot-loader'
 
 import { withStyles } from '@material-ui/core/styles'
 import {
@@ -39,4 +40,5 @@ App.propTypes = {
   auth: PropTypes.object
 }
 
-export default withStyles(globalStyles)(App)
+const StyledApp = withStyles(globalStyles)(App)
+export default hot(module)(StyledApp)