diff --git a/examples/react-webpack/webpack.dev.config.js b/examples/react-webpack/webpack.dev.config.js
index 514e5dfef..f88c91994 100644
--- a/examples/react-webpack/webpack.dev.config.js
+++ b/examples/react-webpack/webpack.dev.config.js
@@ -56,5 +56,9 @@ const config = {
 
 module.exports = withComponentControls({
   config,
-  options: { configPath: '.config', distFolder: publicPath },
+  options: {
+    configPath: '.config',
+    distFolder: publicPath,
+    fastRefresh: false,
+  },
 });
diff --git a/examples/stories/src/tutorial/getting-started/ssg/webpack.mdx b/examples/stories/src/tutorial/getting-started/ssg/webpack.mdx
index 99cd3b757..0ec75d98f 100644
--- a/examples/stories/src/tutorial/getting-started/ssg/webpack.mdx
+++ b/examples/stories/src/tutorial/getting-started/ssg/webpack.mdx
@@ -84,7 +84,12 @@ const config: webpack.Configuration = {
 // the following will compile your documentation files before launching the webpack proces to compile the documentation site itself:
 module.exports = withComponentControls({
   config,
-  options: { configPath: '.config', distFolder: publicPath },
+  options: {
+    configPath: '.config',
+    distFolder: publicPath,
+    // for webpack 4 you will need to disable react fast-refresh:
+    // fastRefresh: false,
+  },
 });
 ```