Stop applying react-hot-loader babel transform to prod

Author: lewisl9029

webpack/base.js

@@ -4,7 +4,7 @@ const tailwindcss = require("tailwindcss");
 const webpack = require("webpack");
 const MiniCssExtractPlugin = require("mini-css-extract-plugin");
 
-module.exports = {
+module.exports = ({ includeReactHotLoader = false } = {}) => ({
   context: path.resolve(__dirname, ".."),
   resolve: {
     modules: [
@@ -47,7 +47,7 @@ module.exports = {
               "@babel/plugin-proposal-private-methods",
               "@babel/plugin-syntax-async-generators",
               "@babel/plugin-transform-regenerator",
-              'react-hot-loader/babel',
+              ...(includeReactHotLoader ? ['react-hot-loader/babel'] : []),
             ],
           },
         },
@@ -80,4 +80,4 @@ module.exports = {
       }
     ]
   }
-};
+});

webpack/demo.js

@@ -7,7 +7,7 @@ const MiniCssExtractPlugin = require("mini-css-extract-plugin");
 
 const baseConfig = require("./base");
 
-module.exports = merge(baseConfig, {
+module.exports = merge(baseConfig({ includeReactHotLoader: true }), {
   mode: "development",
   devtool: "eval-cheap-module-source-map",
   resolve: {

webpack/production.js

@@ -12,7 +12,7 @@ const dependencyNameToExternals = (dependencyName) => [
   new RegExp(`^${dependencyName}/.*`),
 ];
 
-const common = merge(baseConfig, {
+const common = merge(baseConfig(), {
   mode: "production",
   devtool: "source-map",
   externals: [