Merge pull request #17022 from Taillook/chore/react-dev-utils

React: Remove react-dev-utils

app/react/package.json

@@ -66,7 +66,6 @@
     "global": "^4.4.0",
     "lodash": "^4.17.21",
     "prop-types": "^15.7.2",
-    "react-dev-utils": "^11.0.4",
     "react-refresh": "^0.11.0",
     "read-pkg-up": "^7.0.1",
     "regenerator-runtime": "^0.13.7",

lib/builder-webpack4/package.json

@@ -98,7 +98,6 @@
     "postcss-flexbugs-fixes": "^4.2.1",
     "postcss-loader": "^4.2.0",
     "raw-loader": "^4.0.2",
-    "react-dev-utils": "^11.0.4",
     "stable": "^0.1.8",
     "style-loader": "^1.3.0",
     "terser-webpack-plugin": "^4.2.3",
@@ -113,7 +112,6 @@
   },
   "devDependencies": {
     "@types/case-sensitive-paths-webpack-plugin": "^2.1.4",
-    "@types/react-dev-utils": "^9.0.4",
     "@types/terser-webpack-plugin": "^5.0.2",
     "@types/webpack-dev-middleware": "^3.7.3",
     "@types/webpack-hot-middleware": "^2.25.3",

lib/builder-webpack4/src/preview/iframe-webpack.config.ts

@@ -4,7 +4,6 @@ import { DefinePlugin, HotModuleReplacementPlugin, ProgressPlugin } from 'webpac
 import type { Configuration, RuleSetRule } from '@types/webpack';
 import HtmlWebpackPlugin from 'html-webpack-plugin';
 import CaseSensitivePathsPlugin from 'case-sensitive-paths-webpack-plugin';
-import WatchMissingNodeModulesPlugin from 'react-dev-utils/WatchMissingNodeModulesPlugin';
 import TerserWebpackPlugin from 'terser-webpack-plugin';
 import VirtualModulePlugin from 'webpack-virtual-modules';
 import PnpWebpackPlugin from 'pnp-webpack-plugin';
@@ -19,7 +18,6 @@ import {
   es6Transpiler,
   handlebars,
   interpolate,
-  nodeModulesPaths,
   Options,
   toImportFn,
   normalizeStories,
@@ -212,7 +210,6 @@ export default async (options: Options & Record<string, any>): Promise<Configura
         ...stringifyProcessEnvs(envs),
         NODE_ENV: JSON.stringify(envs.NODE_ENV),
       }),
-      isProd ? null : new WatchMissingNodeModulesPlugin(nodeModulesPaths),
       isProd ? null : new HotModuleReplacementPlugin(),
       new CaseSensitivePathsPlugin(),
       quiet ? null : new ProgressPlugin({}),

lib/builder-webpack5/package.json

@@ -87,7 +87,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",
     "terser-webpack-plugin": "^5.0.3",
@@ -100,7 +99,6 @@
   },
   "devDependencies": {
     "@types/case-sensitive-paths-webpack-plugin": "^2.1.4",
-    "@types/react-dev-utils": "^9.0.4",
     "@types/terser-webpack-plugin": "^5.0.2",
     "@types/webpack-dev-middleware": "^4.1.0",
     "@types/webpack-hot-middleware": "^2.25.3",

lib/builder-webpack5/src/preview/iframe-webpack.config.ts

@@ -8,7 +8,6 @@ import {
 } from 'webpack';
 import HtmlWebpackPlugin from 'html-webpack-plugin';
 import CaseSensitivePathsPlugin from 'case-sensitive-paths-webpack-plugin';
-import WatchMissingNodeModulesPlugin from 'react-dev-utils/WatchMissingNodeModulesPlugin';
 import TerserWebpackPlugin from 'terser-webpack-plugin';
 import VirtualModulePlugin from 'webpack-virtual-modules';
 import ForkTsCheckerWebpackPlugin from 'fork-ts-checker-webpack-plugin';
@@ -19,7 +18,6 @@ import {
   toRequireContextString,
   es6Transpiler,
   stringifyProcessEnvs,
-  nodeModulesPaths,
   handlebars,
   interpolate,
   Options,
@@ -217,7 +215,6 @@ export default async (options: Options & Record<string, any>): Promise<Configura
         NODE_ENV: JSON.stringify(process.env.NODE_ENV),
       }),
       new ProvidePlugin({ process: 'process/browser.js' }),
-      isProd ? null : new WatchMissingNodeModulesPlugin(nodeModulesPaths),
       isProd ? null : new HotModuleReplacementPlugin(),
       new CaseSensitivePathsPlugin(),
       quiet ? null : new ProgressPlugin({}),

lib/core-server/src/__snapshots__/cra-ts-essentials_preview-dev-posix

@@ -473,13 +473,13 @@ Object {
     "VirtualModulesPlugin",
     "HtmlWebpackPlugin",
     "DefinePlugin",
-    "WatchMissingNodeModulesPlugin",
     "HotModuleReplacementPlugin",
     "CaseSensitivePathsPlugin",
     "ProgressPlugin",
     "InterpolateHtmlPlugin",
     "ModuleNotFoundPlugin",
     "ReactRefreshPlugin",
+    "WatchMissingNodeModulesPlugin",
     "ManifestPlugin",
     "IgnorePlugin",
     "ForkTsCheckerWebpackPlugin",

lib/core-server/src/__snapshots__/html-kitchen-sink_preview-dev-posix

@@ -459,7 +459,6 @@ Object {
     "VirtualModulesPlugin",
     "HtmlWebpackPlugin",
     "DefinePlugin",
-    "WatchMissingNodeModulesPlugin",
     "HotModuleReplacementPlugin",
     "CaseSensitivePathsPlugin",
     "ProgressPlugin",

lib/core-server/src/__snapshots__/vue-3-cli_preview-dev-posix

@@ -497,7 +497,6 @@ Object {
     "VirtualModulesPlugin",
     "HtmlWebpackPlugin",
     "DefinePlugin",
-    "WatchMissingNodeModulesPlugin",
     "HotModuleReplacementPlugin",
     "CaseSensitivePathsPlugin",
     "ProgressPlugin",

lib/core-server/src/__snapshots__/web-components-kitchen-sink_preview-dev-posix

@@ -496,7 +496,6 @@ Object {
     "VirtualModulesPlugin",
     "HtmlWebpackPlugin",
     "DefinePlugin",
-    "WatchMissingNodeModulesPlugin",
     "HotModuleReplacementPlugin",
     "CaseSensitivePathsPlugin",
     "ProgressPlugin",

yarn.lock

@@ -9714,7 +9714,6 @@ __metadata:
     "@storybook/ui": 6.5.0-alpha.5
     "@types/case-sensitive-paths-webpack-plugin": ^2.1.4
     "@types/node": ^14.0.10 || ^16.0.0
-    "@types/react-dev-utils": ^9.0.4
     "@types/terser-webpack-plugin": ^5.0.2
     "@types/webpack": ^4.41.26
     "@types/webpack-dev-middleware": ^3.7.3
@@ -9739,7 +9738,6 @@ __metadata:
     postcss-flexbugs-fixes: ^4.2.1
     postcss-loader: ^4.2.0
     raw-loader: ^4.0.2
-    react-dev-utils: ^11.0.4
     stable: ^0.1.8
     style-loader: ^1.3.0
     terser-webpack-plugin: ^4.2.3
@@ -9801,7 +9799,6 @@ __metadata:
     "@storybook/theming": 6.5.0-alpha.5
     "@types/case-sensitive-paths-webpack-plugin": ^2.1.4
     "@types/node": ^14.0.10 || ^16.0.0
-    "@types/react-dev-utils": ^9.0.4
     "@types/terser-webpack-plugin": ^5.0.2
     "@types/webpack-dev-middleware": ^4.1.0
     "@types/webpack-hot-middleware": ^2.25.3
@@ -9817,7 +9814,6 @@ __metadata:
     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
     terser-webpack-plugin: ^5.0.3
@@ -10788,7 +10784,6 @@ __metadata:
     global: ^4.4.0
     lodash: ^4.17.21
     prop-types: ^15.7.2
-    react-dev-utils: ^11.0.4
     react-refresh: ^0.11.0
     read-pkg-up: ^7.0.1
     regenerator-runtime: ^0.13.7
@@ -11982,16 +11977,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/clean-css@npm:*":
-  version: 4.2.3
-  resolution: "@types/clean-css@npm:4.2.3"
-  dependencies:
-    "@types/node": "*"
-    source-map: ^0.6.0
-  checksum: 922cc60be02326d8b177f0b017975bcf546c94f7ccfab2289662e33a65c8dd78620b90ec2ca9771aaae1e9898f73f0a4bdb5d789b659b5b28000949249e79276
-  languageName: node
-  linkType: hard
-
 "@types/color-convert@npm:^2.0.0":
   version: 2.0.0
   resolution: "@types/color-convert@npm:2.0.0"
@@ -12232,28 +12217,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/html-minifier@npm:*":
-  version: 4.0.0
-  resolution: "@types/html-minifier@npm:4.0.0"
-  dependencies:
-    "@types/clean-css": "*"
-    "@types/relateurl": "*"
-    "@types/uglify-js": "*"
-  checksum: 21fd26a5285928e7da5c6ad78a12727984ac0d97bfd609bab27f40d90aa615acefc7d34e7f4c367c37ffaf5572e2c65fa0b1479ce2fcc531be2e8fd4520e7bb3
-  languageName: node
-  linkType: hard
-
-"@types/html-webpack-plugin@npm:*":
-  version: 3.2.4
-  resolution: "@types/html-webpack-plugin@npm:3.2.4"
-  dependencies:
-    "@types/html-minifier": "*"
-    "@types/tapable": "*"
-    "@types/webpack": "*"
-  checksum: 7320f7e12217c34b3ebabe831bae054bfe8d011612c7f9777a9ddd1a8c4437b9e9b7431d4984b43a9d5aa5b5b88e29110b7102c4abd3a9c5902d95dc071413f0
-  languageName: node
-  linkType: hard
-
 "@types/http-proxy-middleware@npm:*":
   version: 0.19.3
   resolution: "@types/http-proxy-middleware@npm:0.19.3"
@@ -12718,19 +12681,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/react-dev-utils@npm:^9.0.4":
-  version: 9.0.4
-  resolution: "@types/react-dev-utils@npm:9.0.4"
-  dependencies:
-    "@types/eslint": "*"
-    "@types/express": "*"
-    "@types/html-webpack-plugin": "*"
-    "@types/webpack": "*"
-    "@types/webpack-dev-server": "*"
-  checksum: 3b5e073508bfe48204b78250c82d9fa2eb6f5369afbff378cd6f1749a1d41f2cd66e7f983b4579e07cc81503d11f5b26274215f5c1e640144b90b4de9a2621df
-  languageName: node
-  linkType: hard
-
 "@types/react-dom@npm:16.9.10":
   version: 16.9.10
   resolution: "@types/react-dom@npm:16.9.10"
@@ -12808,13 +12758,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/relateurl@npm:*":
-  version: 0.2.28
-  resolution: "@types/relateurl@npm:0.2.28"
-  checksum: 355727429aa8cd9e3f6cf9baca8bdbd4f1fe521f19938d43f82f5aa673a2b4c9d26a147e420f0690bb51207c4e9ff273d41d83eb7d8cbffdb0a14ddd94f6b6f2
-  languageName: node
-  linkType: hard
-
 "@types/resolve@npm:0.0.8":
   version: 0.0.8
   resolution: "@types/resolve@npm:0.0.8"
@@ -13062,7 +13005,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/webpack-dev-server@npm:*, @types/webpack-dev-server@npm:^3.11.0":
+"@types/webpack-dev-server@npm:^3.11.0":
   version: 3.11.1
   resolution: "@types/webpack-dev-server@npm:3.11.1"
   dependencies:
@@ -40612,38 +40555,6 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
-"react-dev-utils@npm:^11.0.4":
-  version: 11.0.4
-  resolution: "react-dev-utils@npm:11.0.4"
-  dependencies:
-    "@babel/code-frame": 7.10.4
-    address: 1.1.2
-    browserslist: 4.14.2
-    chalk: 2.4.2
-    cross-spawn: 7.0.3
-    detect-port-alt: 1.1.6
-    escape-string-regexp: 2.0.0
-    filesize: 6.1.0
-    find-up: 4.1.0
-    fork-ts-checker-webpack-plugin: 4.1.6
-    global-modules: 2.0.0
-    globby: 11.0.1
-    gzip-size: 5.1.1
-    immer: 8.0.1
-    is-root: 2.1.0
-    loader-utils: 2.0.0
-    open: ^7.0.2
-    pkg-up: 3.1.0
-    prompts: 2.4.0
-    react-error-overlay: ^6.0.9
-    recursive-readdir: 2.2.2
-    shell-quote: 1.7.2
-    strip-ansi: 6.0.0
-    text-table: 0.2.0
-  checksum: 3982f6a35035627b4465c8afd2f6db6a571b9e7b09c7d2f2e517de9cd48bb76778f4c692cdc99a26d2961d7dac371553fd7815ec0d2ec281927feeba60ce8a70
-  languageName: node
-  linkType: hard
-
 "react-docgen-typescript-plugin@npm:^0.6.2":
   version: 0.6.3
   resolution: "react-docgen-typescript-plugin@npm:0.6.3"