React fast refresh: Fix socket connection error

storybookjs · Mar 8, 2021 · d01d851 · d01d851
1 parent 224e542
commit d01d851
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/app/react/src/server/framework-preset-react.ts b/app/react/src/server/framework-preset-react.ts
@@ -85,6 +85,14 @@ export async function webpackFinal(config: Configuration, options: Options) {
 
   return {
     ...config,
-    plugins: [...config.plugins, new ReactRefreshWebpackPlugin()],
+    plugins: [
+      ...config.plugins,
+      // Storybook uses webpack-hot-middleware https://github.com/storybookjs/storybook/issues/14114
+      new ReactRefreshWebpackPlugin({
+        overlay: {
+          sockIntegration: 'whm',
+        },
+      }),
+    ],
   };
 }