diff --git a/lib/builder-webpack5/package.json b/lib/builder-webpack5/package.json
index e5137ceea322..f3879fc1e323 100644
--- a/lib/builder-webpack5/package.json
+++ b/lib/builder-webpack5/package.json
@@ -86,6 +86,7 @@
     "glob": "^7.1.6",
     "glob-promise": "^3.4.0",
     "html-webpack-plugin": "^5.0.0",
+    "path-browserify": "^1.0.1",
     "react-dev-utils": "^11.0.4",
     "stable": "^0.1.8",
     "style-loader": "^2.0.0",
diff --git a/lib/builder-webpack5/src/preview/iframe-webpack.config.ts b/lib/builder-webpack5/src/preview/iframe-webpack.config.ts
index d4c7ec0f963e..d84af1965702 100644
--- a/lib/builder-webpack5/src/preview/iframe-webpack.config.ts
+++ b/lib/builder-webpack5/src/preview/iframe-webpack.config.ts
@@ -241,7 +241,9 @@ export default async (options: Options & Record<string, any>): Promise<Configura
         react: path.dirname(require.resolve('react/package.json')),
         'react-dom': path.dirname(require.resolve('react-dom/package.json')),
       },
-      fallback: { path: false },
+      fallback: {
+        path: require.resolve('path-browserify'),
+      },
     },
     optimization: {
       splitChunks: {
diff --git a/yarn.lock b/yarn.lock
index d54107244cc7..a6077f9c5767 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -7889,6 +7889,7 @@ __metadata:
     glob: ^7.1.6
     glob-promise: ^3.4.0
     html-webpack-plugin: ^5.0.0
+    path-browserify: ^1.0.1
     react-dev-utils: ^11.0.4
     stable: ^0.1.8
     style-loader: ^2.0.0