Update all dependencies (#11624)

package.json

@@ -21,29 +21,29 @@
     "compile:lockfile": "node tasks/compile-lockfile.js"
   },
   "devDependencies": {
-    "@testing-library/jest-dom": "^5.11.4",
-    "@testing-library/react": "^11.1.0",
-    "@testing-library/user-event": "^12.1.10",
+    "@testing-library/jest-dom": "^5.15.1",
+    "@testing-library/react": "^12.1.2",
+    "@testing-library/user-event": "^13.5.0",
     "alex": "^8.2.0",
     "eslint": "^8.3.0",
     "execa": "^5.1.1",
-    "fs-extra": "^9.0.1",
+    "fs-extra": "^10.0.0",
     "get-port": "^5.1.1",
-    "globby": "^11.0.1",
-    "husky": "^4.3.0",
-    "jest": "^27.1.0",
-    "lerna": "^3.22.1",
-    "lerna-changelog": "~0.8.2",
-    "lint-staged": "^10.4.2",
-    "meow": "^6.1.1",
-    "multimatch": "^4.0.0",
-    "prettier": "^2.1.2",
-    "puppeteer": "^3.3.0",
-    "strip-ansi": "^6.0.0",
+    "globby": "^11.0.4",
+    "husky": "^4.3.8",
+    "jest": "^27.4.3",
+    "lerna": "^4.0.0",
+    "lerna-changelog": "^2.2.0",
+    "lint-staged": "^12.1.2",
+    "meow": "^9.0.0",
+    "multimatch": "^5.0.0",
+    "prettier": "^2.5.0",
+    "puppeteer": "^12.0.1",
+    "strip-ansi": "^6.0.1",
     "svg-term-cli": "^2.1.1",
-    "tempy": "^0.2.1",
+    "tempy": "^1.0.1",
     "wait-for-localhost": "^3.3.0",
-    "web-vitals": "^1.0.1"
+    "web-vitals": "^2.1.2"
   },
   "husky": {
     "hooks": {

packages/babel-plugin-named-asset-import/package.json

@@ -19,8 +19,8 @@
     "@babel/core": "^7.1.0"
   },
   "devDependencies": {
-    "babel-plugin-tester": "^8.0.1",
-    "jest": "^27.1.0"
+    "babel-plugin-tester": "^10.1.0",
+    "jest": "^27.4.3"
   },
   "scripts": {
     "test": "jest"

packages/babel-preset-react-app/package.json

@@ -21,20 +21,20 @@
     "test.js"
   ],
   "dependencies": {
-    "@babel/core": "^7.14.6",
-    "@babel/plugin-proposal-class-properties": "^7.14.5",
-    "@babel/plugin-proposal-decorators": "^7.14.5",
-    "@babel/plugin-proposal-nullish-coalescing-operator": "^7.14.5",
-    "@babel/plugin-proposal-numeric-separator": "^7.14.5",
-    "@babel/plugin-proposal-optional-chaining": "^7.14.5",
-    "@babel/plugin-proposal-private-methods": "^7.14.5",
-    "@babel/plugin-transform-flow-strip-types": "^7.14.5",
-    "@babel/plugin-transform-react-display-name": "^7.14.5",
-    "@babel/plugin-transform-runtime": "^7.14.5",
-    "@babel/preset-env": "^7.14.5",
-    "@babel/preset-react": "^7.14.5",
-    "@babel/preset-typescript": "^7.14.5",
-    "@babel/runtime": "^7.14.5",
+    "@babel/core": "^7.16.0",
+    "@babel/plugin-proposal-class-properties": "^7.16.0",
+    "@babel/plugin-proposal-decorators": "^7.16.4",
+    "@babel/plugin-proposal-nullish-coalescing-operator": "^7.16.0",
+    "@babel/plugin-proposal-numeric-separator": "^7.16.0",
+    "@babel/plugin-proposal-optional-chaining": "^7.16.0",
+    "@babel/plugin-proposal-private-methods": "^7.16.0",
+    "@babel/plugin-transform-flow-strip-types": "^7.16.0",
+    "@babel/plugin-transform-react-display-name": "^7.16.0",
+    "@babel/plugin-transform-runtime": "^7.16.4",
+    "@babel/preset-env": "^7.16.4",
+    "@babel/preset-react": "^7.16.0",
+    "@babel/preset-typescript": "^7.16.0",
+    "@babel/runtime": "^7.16.3",
     "babel-plugin-macros": "^3.1.0",
     "babel-plugin-transform-react-remove-prop-types": "^0.4.24"
   }

packages/confusing-browser-globals/package.json

@@ -20,6 +20,6 @@
     "index.js"
   ],
   "devDependencies": {
-    "jest": "^27.1.0"
+    "jest": "^27.4.3"
   }
 }

packages/create-react-app/package.json

@@ -29,20 +29,20 @@
     "test": "cross-env FORCE_COLOR=true jest"
   },
   "dependencies": {
-    "chalk": "^4.1.0",
+    "chalk": "^4.1.2",
     "commander": "^4.1.1",
     "cross-spawn": "^7.0.3",
-    "envinfo": "^7.7.3",
-    "fs-extra": "^9.0.1",
+    "envinfo": "^7.8.1",
+    "fs-extra": "^10.0.0",
     "hyperquest": "^2.1.3",
-    "prompts": "^2.4.0",
-    "semver": "^7.3.2",
+    "prompts": "^2.4.2",
+    "semver": "^7.3.5",
     "tar-pack": "^3.4.1",
     "tmp": "^0.2.1",
     "validate-npm-package-name": "^3.0.0"
   },
   "devDependencies": {
-    "cross-env": "^7.0.2",
-    "jest": "^27.1.0"
+    "cross-env": "^7.0.3",
+    "jest": "^27.4.3"
   }
 }

packages/react-app-polyfill/package.json

@@ -21,11 +21,11 @@
     "stable.js"
   ],
   "dependencies": {
-    "core-js": "^3.6.5",
+    "core-js": "^3.19.2",
     "object-assign": "^4.1.1",
     "promise": "^8.1.0",
     "raf": "^3.4.1",
-    "regenerator-runtime": "^0.13.7",
-    "whatwg-fetch": "^3.4.1"
+    "regenerator-runtime": "^0.13.9",
+    "whatwg-fetch": "^3.6.2"
   }
 }

packages/react-dev-utils/__tests__/getCSSModuleLocalIdent.test.js

@@ -16,19 +16,19 @@ const options = { context: undefined, hashPrefix: '', regExp: null };
 const tests = [
   {
     resourcePath: '/path/to/file.module.css',
-    expected: 'file_class__13tFD',
+    expected: 'file_class__jqNYY',
   },
   {
     resourcePath: '/path/to/file.module.scss',
-    expected: 'file_class__3lYUI',
+    expected: 'file_class__BjEjJ',
   },
   {
     resourcePath: '/path/to/file.module.sass',
-    expected: 'file_class__2KnOB',
+    expected: 'file_class__dINZX',
   },
   {
     resourcePath: '/path/to/file.name.module.css',
-    expected: 'file_name_class__1OzEh',
+    expected: 'file_name_class__XpUJW',
   },
 ];
 

packages/react-dev-utils/package.json

@@ -52,34 +52,34 @@
     "webpackHotDevClient.js"
   ],
   "dependencies": {
-    "@babel/code-frame": "^7.10.4",
+    "@babel/code-frame": "^7.16.0",
     "address": "^1.1.2",
-    "browserslist": "^4.16.5",
-    "chalk": "^2.4.2",
+    "browserslist": "^4.18.1",
+    "chalk": "^4.1.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": "^6.0.5",
+    "escape-string-regexp": "^4.0.0",
+    "filesize": "^8.0.6",
+    "find-up": "^5.0.0",
+    "fork-ts-checker-webpack-plugin": "^6.5.0",
     "global-modules": "^2.0.0",
-    "globby": "^11.0.1",
-    "gzip-size": "^5.1.1",
-    "immer": "^9.0.6",
+    "globby": "^11.0.4",
+    "gzip-size": "^6.0.0",
+    "immer": "^9.0.7",
     "is-root": "^2.1.0",
-    "loader-utils": "^2.0.0",
-    "open": "^7.0.2",
+    "loader-utils": "^3.2.0",
+    "open": "^8.4.0",
     "pkg-up": "^3.1.0",
-    "prompts": "^2.4.0",
+    "prompts": "^2.4.2",
     "react-error-overlay": "^6.0.9",
     "recursive-readdir": "^2.2.2",
-    "shell-quote": "^1.7.2",
-    "strip-ansi": "^6.0.0",
+    "shell-quote": "^1.7.3",
+    "strip-ansi": "^6.0.1",
     "text-table": "^0.2.0"
   },
   "devDependencies": {
-    "cross-env": "^7.0.2",
-    "jest": "^27.1.0"
+    "cross-env": "^7.0.3",
+    "jest": "^27.4.3"
   },
   "scripts": {
     "test": "cross-env FORCE_COLOR=true jest"

packages/react-error-overlay/package.json

@@ -37,29 +37,29 @@
   "devDependencies": {
     "@babel/code-frame": "^7.16.0",
     "@babel/core": "^7.16.0",
-    "anser": "^1.4.10",
-    "babel-jest": "^27.1.0",
-    "babel-loader": "^8.2.2",
+    "anser": "^2.1.0",
+    "babel-jest": "^27.4.2",
+    "babel-loader": "^8.2.3",
     "babel-preset-react-app": "^10.0.0",
-    "chalk": "^2.4.2",
-    "chokidar": "^3.5.1",
+    "chalk": "^4.1.2",
+    "chokidar": "^3.5.2",
     "cross-env": "^7.0.3",
     "eslint": "^8.3.0",
     "eslint-config-react-app": "^6.0.0",
     "flow-bin": "^0.116.0",
-    "html-entities": "^1.3.1",
-    "jest": "^27.1.0",
-    "jest-fetch-mock": "^2.1.2",
+    "html-entities": "^2.3.2",
+    "jest": "^27.4.3",
+    "jest-fetch-mock": "^3.0.3",
     "object-assign": "^4.1.1",
     "promise": "^8.1.0",
     "raw-loader": "^4.0.2",
-    "react": "^17.0.1",
+    "react": "^17.0.2",
     "react-app-polyfill": "^2.0.0",
-    "react-dom": "^17.0.1",
+    "react-dom": "^17.0.2",
     "rimraf": "^3.0.2",
     "settle-promise": "^1.0.0",
     "source-map": "^0.5.7",
-    "webpack": "^5.41.1"
+    "webpack": "^5.64.4"
   },
   "jest": {
     "setupFiles": [

packages/react-error-overlay/src/utils/generateAnsiHTML.js

@@ -8,11 +8,9 @@
 /* @flow */
 
 import Anser from 'anser';
-import { AllHtmlEntities as Entities } from 'html-entities';
+import { encode } from 'html-entities';
 import type { Theme } from '../styles';
 
-const entities = new Entities();
-
 // Map ANSI colors from what babel-code-frame uses to base16-github
 // See: https://github.com/babel/babel/blob/e86f62b304d280d0bab52c38d61842b853848ba6/packages/babel-code-frame/src/index.js#L9-L22
 const colors = (theme: Theme) => ({
@@ -45,7 +43,7 @@ const anserMap = {
 };
 
 function generateAnsiHTML(txt: string, theme: Theme): string {
-  const arr = new Anser().ansiToJson(entities.encode(txt), {
+  const arr = new Anser().ansiToJson(encode(txt), {
     use_classes: true,
   });
 

packages/react-scripts/package.json

@@ -29,58 +29,58 @@
   "types": "./lib/react-app.d.ts",
   "dependencies": {
     "@babel/core": "^7.16.0",
-    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.1",
+    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.3",
     "@svgr/webpack": "^5.5.0",
-    "babel-jest": "^27.1.0",
-    "babel-loader": "^8.2.2",
+    "babel-jest": "^27.4.2",
+    "babel-loader": "^8.2.3",
     "babel-plugin-named-asset-import": "^0.3.7",
     "babel-preset-react-app": "^10.0.0",
     "bfj": "^7.0.2",
-    "browserslist": "^4.16.5",
-    "camelcase": "^6.2.0",
+    "browserslist": "^4.18.1",
+    "camelcase": "^6.2.1",
     "case-sensitive-paths-webpack-plugin": "^2.4.0",
-    "css-loader": "^6.2.0",
-    "css-minimizer-webpack-plugin": "^3.0.2",
-    "dotenv": "^9.0.2",
+    "css-loader": "^6.5.1",
+    "css-minimizer-webpack-plugin": "^3.2.0",
+    "dotenv": "^10.0.0",
     "dotenv-expand": "^5.1.0",
     "eslint": "^8.3.0",
     "eslint-config-react-app": "^6.0.0",
     "eslint-webpack-plugin": "^3.1.1",
     "file-loader": "^6.2.0",
     "fs-extra": "^10.0.0",
-    "html-webpack-plugin": "^5.3.2",
+    "html-webpack-plugin": "^5.5.0",
     "identity-obj-proxy": "^3.0.0",
-    "jest": "^27.1.0",
-    "jest-resolve": "^27.1.0",
-    "jest-watch-typeahead": "^0.6.4",
-    "mini-css-extract-plugin": "^2.1.0",
-    "postcss": "^8.3.5",
+    "jest": "^27.4.3",
+    "jest-resolve": "^27.4.2",
+    "jest-watch-typeahead": "^1.0.0",
+    "mini-css-extract-plugin": "^2.4.5",
+    "postcss": "^8.4.4",
     "postcss-flexbugs-fixes": "^5.0.2",
-    "postcss-loader": "^6.1.1",
+    "postcss-loader": "^6.2.1",
     "postcss-normalize": "^10.0.1",
-    "postcss-preset-env": "^6.7.0",
-    "prompts": "^2.4.1",
+    "postcss-preset-env": "^7.0.1",
+    "prompts": "^2.4.2",
     "react-app-polyfill": "^2.0.0",
     "react-dev-utils": "^11.0.4",
-    "react-refresh": "^0.10.0",
+    "react-refresh": "^0.11.0",
     "resolve": "^1.20.0",
     "resolve-url-loader": "^4.0.0",
-    "sass-loader": "^12.1.0",
+    "sass-loader": "^12.3.0",
     "semver": "^7.3.5",
-    "source-map-loader": "^1.1.2",
-    "style-loader": "^3.0.0",
-    "terser-webpack-plugin": "^5.1.4",
-    "webpack": "^5.64.0",
-    "webpack-dev-server": "^4.4.0",
+    "source-map-loader": "^3.0.0",
+    "style-loader": "^3.3.1",
+    "terser-webpack-plugin": "^5.2.5",
+    "webpack": "^5.64.4",
+    "webpack-dev-server": "^4.6.0",
     "webpack-manifest-plugin": "^4.0.2",
-    "workbox-webpack-plugin": "^6.2.4"
+    "workbox-webpack-plugin": "^6.4.1"
   },
   "devDependencies": {
-    "react": "^17.0.1",
-    "react-dom": "^17.0.1"
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2"
   },
   "optionalDependencies": {
-    "fsevents": "^2.1.3"
+    "fsevents": "^2.3.2"
   },
   "peerDependencies": {
     "react": ">= 16",

test/integration/create-react-app/index.test.js

@@ -7,7 +7,8 @@ const { rmSync } = require('fs');
 
 const cli = require.resolve('create-react-app/index.js');
 
-jest.setTimeout(1000 * 60 * 5);
+// Increase the timeout for GitHub macOS runner
+jest.setTimeout(1000 * 60 * (process.env.RUNNER_OS === 'macOS' ? 10 : 5));
 
 const projectName = 'test-app';
 const genPath = join(__dirname, projectName);