chore(repo): update repo to nx14 (#9908)

.circleci/config.yml

@@ -204,7 +204,7 @@ jobs:
           command: npx nx-cloud stop-all-agents
 
 # -------------------------
-#        WORKFLOWS
+#        WORKFLOWS(JOBS)
 # -------------------------
 workflows:
   version: 2

nx-dev/nx-dev/project.json

@@ -58,8 +58,13 @@
         "production": {
           "buildTarget": "nx-dev:build-base:production",
           "dev": false
+        },
+        "development": {
+          "buildTarget": "nx-dev:build:development",
+          "dev": true
         }
-      }
+      },
+      "defaultConfiguration": "development"
     },
     "deploy-build": {
       "executor": "@nrwl/workspace:run-commands",

package.json

@@ -60,17 +60,17 @@
     "@ngrx/schematics": "~13.0.0",
     "@ngrx/store": "~13.0.0",
     "@ngrx/store-devtools": "~13.0.0",
-    "@nrwl/eslint-plugin-nx": "13.10.0",
+    "@nrwl/eslint-plugin-nx": "14.0.0-beta.2",
-    "@nrwl/jest": "13.10.0",
+    "@nrwl/jest": "14.0.0-beta.2",
-    "@nrwl/next": "13.10.0",
+    "@nrwl/next": "14.0.0-beta.2",
-    "@nrwl/nx-cloud": "13.3.0-beta.1",
+    "@nrwl/nx-cloud": "13.3.1",
-    "@nrwl/react": "13.10.0",
+    "@nrwl/react": "14.0.0-beta.2",
-    "@nrwl/web": "13.10.0",
+    "@nrwl/web": "14.0.0-beta.2",
     "@parcel/watcher": "2.0.4",
     "@phenomnomnominal/tsquery": "4.1.1",
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.1",
     "@popperjs/core": "^2.9.2",
-    "@reduxjs/toolkit": "1.6.1",
+    "@reduxjs/toolkit": "1.8.1",
     "@rollup/plugin-babel": "^5.3.0",
     "@rollup/plugin-commonjs": "^20.0.0",
     "@rollup/plugin-image": "^2.1.0",
@@ -87,8 +87,7 @@
     "@swc-node/register": "^1.4.2",
     "@swc/core": "^1.2.152",
     "@swc/jest": "^0.2.20",
-    "@testing-library/react": "11.2.6",
+    "@testing-library/react": "13.1.1",
-    "@testing-library/react-hooks": "7.0.1",
     "@tippyjs/react": "^4.2.6",
     "@types/css-minimizer-webpack-plugin": "^3.0.2",
     "@types/cytoscape": "^3.18.2",
@@ -103,8 +102,8 @@
     "@types/marked": "^2.0.0",
     "@types/node": "16.11.7",
     "@types/prettier": "2.4.3",
-    "@types/react": "17.0.3",
+    "@types/react": "18.0.1",
-    "@types/react-dom": "17.0.3",
+    "@types/react-dom": "18.0.0",
     "@types/react-router-dom": "5.1.7",
     "@types/semver": "^7.3.8",
     "@types/tar-stream": "^2.2.2",
@@ -138,10 +137,10 @@
     "ejs": "^3.1.5",
     "enhanced-resolve": "^5.8.3",
     "eslint": "8.12.0",
-    "eslint-config-next": "12.1.0",
+    "eslint-config-next": "12.1.5",
     "eslint-config-prettier": "^8.1.0",
     "eslint-plugin-cypress": "^2.10.3",
-    "eslint-plugin-import": "2.25.2",
+    "eslint-plugin-import": "2.26.0",
     "eslint-plugin-jsx-a11y": "6.5.1",
     "eslint-plugin-react": "7.28.0",
     "eslint-plugin-react-hooks": "4.3.0",
@@ -189,7 +188,7 @@
     "ng-packagr": "~13.3.0",
     "ngrx-store-freeze": "0.2.4",
     "node-fetch": "^2.6.7",
-    "nx": "13.10.0",
+    "nx": "14.0.0-beta.2",
     "open": "^8.4.0",
     "parse-markdown-links": "^1.0.4",
     "parse5": "4.0.0",
@@ -203,10 +202,10 @@
     "pretty-quick": "^3.1.0",
     "protractor": "5.4.3",
     "raw-loader": "^4.0.2",
-    "react-redux": "7.2.3",
+    "react-redux": "8.0.0",
     "react-refresh": "^0.10.0",
-    "react-router-dom": "5.1.2",
+    "react-router-dom": "6.3.0",
-    "react-test-renderer": "17.0.2",
+    "react-test-renderer": "18.0.0",
     "regenerator-runtime": "0.13.7",
     "release-it": "^14.11.3",
     "rollup": "^2.56.2",
@@ -282,13 +281,13 @@
     "gray-matter": "^4.0.2",
     "json-schema-to-typescript": "^10.1.5",
     "jsonpointer": "^5.0.0",
-    "next": "12.1.0",
+    "next": "12.1.5",
     "next-seo": "^4.28.1",
     "npm-run-path": "^4.0.1",
     "preact": "10.6.4",
-    "react": "17.0.2",
+    "react": "18.0.0",
     "react-copy-to-clipboard": "^5.0.3",
-    "react-dom": "17.0.2",
+    "react-dom": "18.0.0",
     "react-intersection-observer": "^8.32.2",
     "react-markdown": "^6.0.2",
     "react-syntax-highlighter": "^15.4.3",

packages/react/src/migrations/update-14-0-0/replace-testing-library-react-hook.spec.ts

@@ -28,7 +28,7 @@ describe('Remove deprecated hook testing package', () => {
 
     tree.write(
       `apps/example/src/lib/use-example.spec.ts`,
-      `import { renderHook } from '@testing-library/react-hook';`
+      `import { renderHook } from '@testing-library/react';`
     );
 
     await update(tree);

packages/react/src/migrations/update-14-0-0/update-react-dom-render-for-v18.spec.ts

@@ -8,12 +8,11 @@ import {
 import update from './update-react-dom-render-for-v18';
 
 describe('React update for Nx 14', () => {
-  it('should remove deprecated @testing-library/react-hook package', async () => {
+  it('should remove deprecated @testing-library/react package', async () => {
     const tree = createTreeWithEmptyWorkspace(2);
     writeJson(tree, 'package.json', {
       devDependencies: {
         '@testing-library/react': '0.0.0',
-        '@testing-library/react-hook': '0.0.0',
       },
     });
 
@@ -22,7 +21,6 @@ describe('React update for Nx 14', () => {
     expect(readJson(tree, 'package.json')).toEqual({
       devDependencies: {
         '@testing-library/react': '0.0.0',
-        '@testing-library/react-hook': '0.0.0',
       },
     });
   });

scripts/depcheck/missing.ts

@@ -79,6 +79,8 @@ const IGNORE_MATCHES = {
     'webpack',
     '@angular-devkit/core',
     '@angular-devkit/schematics',
+    '@swc/jest',
+    'babel-jest',
   ],
   storybook: [
     '@angular-devkit/architect',