WIP Hot reloading via Fast Refresh

Needs more testing, but seems to be working well

Mainly following <https://github.com/pmmmwh/react-refresh-webpack-plugin>.
Other useful resources: <facebook/react#16604>, <https://github.com/webpack/webpack-dev-middleware>, <https://github.com/webpack-contrib/webpack-hot-middleware>

Author: jameshadfield

babel.config.js

@@ -28,8 +28,7 @@ module.exports = function babelConfig(api) {
     "lodash"
   ];
   if (api.env("development")) {
-    // XXX FIXME react-18
-    // plugins.push(["react-hot-loader/babel", { safetyNet: false }]);
+    plugins.push("react-refresh/babel")
   }
   if (process.env.BABEL_INCLUDE_TIMING_FUNCTIONS === "false") {
     plugins.push(["strip-function-call", {strip: ["timerStart", "timerEnd"]}]);

cli/develop.js

@@ -60,7 +60,7 @@ const run = (args) => {
 
   app.use((webpackDevMiddleware)(
     compiler,
-    {logLevel: 'warn', publicPath: webpackConfig.output.publicPath}
+    {publicPath: webpackConfig.output.publicPath}
   ));
   app.use((webpackHotMiddleware)(
     compiler,