feat(react): update packages (#9296)

packages/react/migrations.json

@@ -606,6 +606,67 @@
           "alwaysAddToPackageJson": false
         }
       }
+    },
+    "13.8.8": {
+      "version": "13.8.8-beta.1",
+      "packages": {
+        "@types/react": {
+          "version": "17.0.40",
+          "alwaysAddToPackageJson": false
+        },
+        "@types/react-dom": {
+          "version": "17.0.13",
+          "alwaysAddToPackageJson": false
+        },
+        "@types/react-is": {
+          "version": "17.0.3",
+          "alwaysAddToPackageJson": false
+        },
+        "@types/styled-components": {
+          "version": "5.1.24",
+          "alwaysAddToPackageJson": false
+        },
+        "@emotion/styled": {
+          "version": "11.8.1",
+          "alwaysAddToPackageJson": false
+        },
+        "@emotion/react": {
+          "version": "11.8.2",
+          "alwaysAddToPackageJson": false
+        },
+        "@emotion/babel-plugin": {
+          "version": "11.7.2",
+          "alwaysAddToPackageJson": false
+        },
+        "styled-jsx": {
+          "version": "5.0.0",
+          "alwaysAddToPackageJson": false
+        },
+        "@types/react-router-dom": {
+          "version": "5.3.3",
+          "alwaysAddToPackageJson": false
+        },
+        "@testing-library/react": {
+          "version": "12.1.4",
+          "alwaysAddToPackageJson": false
+        },
+        "@reduxjs/toolkit": {
+          "version": "1.8.0",
+          "alwaysAddToPackageJson": false
+        },
+        "react-redux": {
+          "version": "7.2.6",
+          "alwaysAddToPackageJson": false
+        },
+        "eslint-plugin-import": {
+          "version": "2.25.4",
+          "alwaysAddToPackageJson": false
+        },
+        "eslint-plugin-react": {
+          "version": "7.29.3",
+          "alwaysAddToPackageJson": false
+        }
+      }
     }
   }
 }

packages/react/src/utils/versions.ts

@@ -3,32 +3,32 @@ export const nxVersion = '*';
 export const reactVersion = '17.0.2';
 export const reactDomVersion = '17.0.2';
 export const reactIsVersion = '17.0.2';
-export const typesReactVersion = '17.0.30';
+export const typesReactVersion = '17.0.40';
-export const typesReactDomVersion = '17.0.9';
+export const typesReactDomVersion = '17.0.13';
-export const typesReactIsVersion = '17.0.2';
+export const typesReactIsVersion = '17.0.3';
 
 export const styledComponentsVersion = '5.3.3';
-export const typesStyledComponentsVersion = '5.1.15';
+export const typesStyledComponentsVersion = '5.1.24';
 
-export const emotionStyledVersion = '11.3.0';
+export const emotionStyledVersion = '11.8.1';
-export const emotionReactVersion = '11.5.0';
+export const emotionReactVersion = '11.8.2';
-export const emotionBabelPlugin = '11.3.0';
+export const emotionBabelPlugin = '11.7.2';
 
-export const styledJsxVersion = '4.0.1';
+export const styledJsxVersion = '5.0.0';
 
 export const reactRouterDomVersion = '5.3.0';
-export const typesReactRouterDomVersion = '5.3.1';
+export const typesReactRouterDomVersion = '5.3.3';
 
-export const testingLibraryReactVersion = '12.1.2';
+export const testingLibraryReactVersion = '12.1.4';
 export const testingLibraryReactHooksVersion = '7.0.2';
 
-export const reduxjsToolkitVersion = '1.6.2';
+export const reduxjsToolkitVersion = '1.8.0';
-export const reactReduxVersion = '7.2.5';
+export const reactReduxVersion = '7.2.6';
 export const reactTestRendererVersion = '17.0.2';
 
-export const eslintPluginImportVersion = '2.25.2';
+export const eslintPluginImportVersion = '2.25.4';
 export const eslintPluginJsxA11yVersion = '6.5.1';
-export const eslintPluginReactVersion = '7.28.0';
+export const eslintPluginReactVersion = '7.29.3';
 export const eslintPluginReactHooksVersion = '4.3.0';
 
 export const babelPluginStyledComponentsVersion = '1.10.7';

packages/web/src/utils/webpack/partials/common.ts

@@ -1,13 +1,6 @@
 import * as path from 'path';
 import { ScriptTarget } from 'typescript';
-import {
+import { Compiler, Configuration, ids, ProgressPlugin, sources } from 'webpack';
-  ProgressPlugin,
-  ContextReplacementPlugin,
-  sources,
-  ids,
-  Compiler,
-  Configuration,
-} from 'webpack';
 import { ScriptsWebpackPlugin } from '../plugins/scripts-webpack-plugin';
 import { ExtraEntryPoint, WebpackConfigOptions } from '../../shared-models';
 import { BuildBrowserFeatures } from '../build-browser-features';
@@ -265,12 +258,6 @@ export function getCommonConfig(wco: WebpackConfigOptions): Configuration {
       moduleIds: 'deterministic',
       minimizer: [new ids.HashedModuleIdsPlugin(), ...extraMinimizers],
     },
-    plugins: [
+    plugins: extraPlugins,
-      // Always replace the context for the System.import in angular/core to prevent warnings.
-      // https://github.com/angular/angular/issues/11580
-      // With VE the correct context is added in @ngtools/webpack, but Ivy doesn't need it at all.
-      new ContextReplacementPlugin(/@angular([\\/])core([\\/])/),
-      ...extraPlugins,
-    ],
   };
 }