chore: update to React 17 (#1415)

* chore: update react to 17

* using syncpack to start cleaning up refs

* fix location use in tests

* update node for workflows

* package updates

---------

Co-authored-by: Bryn Ryans <bnryans@google.com>

Author: jkaster

.github/workflows/apix-ci.yml

@@ -39,7 +39,7 @@ jobs:
       matrix:
         os:
           - ubuntu
-        node-version: [16.x]
+        node-version: [18.x]
 
     steps:
       - name: Cancel Previous Runs

.github/workflows/codegen-ci.yml

@@ -73,7 +73,7 @@ jobs:
 
       - uses: actions/setup-node@v3
         with:
-          node-version: 16.x
+          node-version: 18.x
 
       - name: Install dependencies
         run: |

.github/workflows/hackathon-ci.yml

@@ -33,7 +33,7 @@ jobs:
       matrix:
         os:
           - ubuntu
-        node-version: [16.x]
+        node-version: [18.x]
 
     steps:
       - name: Cancel Previous Runs

.github/workflows/lerna-publish.yml

@@ -56,7 +56,7 @@ jobs:
 
       - uses: actions/setup-node@v3
         with:
-          node-version: 16
+          node-version: 18.x
           registry-url: https://wombat-dressing-room.appspot.com
 
       - name: Install dependencies and build

.github/workflows/resources-ci.yml

@@ -38,7 +38,7 @@ jobs:
       - name: Install Node
         uses: actions/setup-node@v3
         with:
-          node-version: 16
+          node-version: 18.x
 
       - name: Install Dependencies
         run: |

.github/workflows/tssdk-ci.yml

@@ -43,7 +43,7 @@ jobs:
       matrix:
         os:
           - ubuntu
-        node-version: [14.x, 16.x]
+        node-version: [18.x, 20.x]
 
     steps:
       - name: Cancel Previous Runs
@@ -122,7 +122,7 @@ jobs:
     runs-on: ${{ matrix.os }}-latest
     strategy:
       matrix:
-        node-version: [16.x]
+        node-version: [18.x, 20.x]
         os:
           - ubuntu
         looker: ${{ fromJson(needs.setup.outputs.matrix_json) }}

bin/looker-resources-index/package.json

@@ -16,7 +16,7 @@
   "author": "Looker",
   "license": "MIT",
   "devDependencies": {
-    "@types/node": "^14.18.36",
+    "@types/node": "14.18.63",
     "typescript": "4.6.3"
   }
 }

jest.config.js

@@ -46,7 +46,7 @@ module.exports = {
   setupFilesAfterEnv: [
     // eslint-disable-next-line node/no-path-concat
     `${__dirname}/jest.setup.js`,
-    '@testing-library/jest-dom/extend-expect',
+    '@testing-library/jest-dom',
     'regenerator-runtime/runtime',
   ],
   setupFiles: ['jest-localstorage-mock'],

jest.setup.js

@@ -29,7 +29,7 @@ const Adapter = require('enzyme-adapter-react-16')
 const { configure } = require('enzyme')
 const ResizeObserver = require('resize-observer-polyfill')
 
-require('@testing-library/jest-dom/extend-expect')
+require('@testing-library/jest-dom')
 require('jest-canvas-mock')
 require('jest-styled-components')
 require('jest-environment-jsdom')

package.json

@@ -90,60 +90,60 @@
     "@babel/runtime": "^7.14.0",
     "@babel/runtime-corejs3": "^7.14.0",
     "@looker/eslint-config-oss": "1.7.14",
-    "@testing-library/jest-dom": "^5.16.5",
+    "@testing-library/jest-dom": "5.16.5",
     "@types/blueimp-md5": "^2.7.0",
     "@types/ini": "^1.3.30",
-    "@types/jest": "^29.4.0",
+    "@types/jest": "29.2.4",
     "@types/js-yaml": "^3.12.1",
-    "@types/lodash": "^4.14.162",
-    "@types/node": "^14.18.36",
-    "@types/prettier": "^2.3.2",
+    "@types/lodash": "4.14.172",
+    "@types/node": "14.18.63",
+    "@types/prettier": "2.3.2",
     "@types/readable-stream": "2.3.9",
-    "@types/request": "^2.48.3",
-    "@types/request-promise-native": "^1.0.17",
+    "@types/request": "2.48.12",
+    "@types/request-promise-native": "1.0.21",
     "@types/uuid": "^8.3.4",
     "babel-core": "^7.0.0-bridge",
-    "babel-loader-exclude-node-modules-except": "^1.1.2",
-    "babel-plugin-styled-components": "^1.10.7",
-    "core-js": "^3.6.5",
+    "babel-loader-exclude-node-modules-except": "1.1.2",
+    "babel-plugin-styled-components": "1.10.7",
+    "core-js": "3.6.5",
     "enzyme": "^3.11.0",
-    "enzyme-adapter-react-16": "^1.15.2",
-    "eslint": "^7.32.0",
-    "eslint-plugin-jest": "^27.2.1",
-    "eslint-plugin-jest-dom": "^4.0.3",
+    "enzyme-adapter-react-16": "1.15.2",
+    "eslint": "7.32.0",
+    "eslint-plugin-jest": "27.2.1",
+    "eslint-plugin-jest-dom": "4.0.3",
     "eslint-plugin-prettier": "4.0.0",
-    "jest": "^29.4.2",
-    "jest-canvas-mock": "^2.4.0",
-    "jest-environment-jsdom": "^29.4.2",
-    "jest-junit": "^12.0.0",
-    "jest-styled-components": "^7.1.1",
-    "js-yaml": "^3.13.1",
-    "jsdom": "^21.1.0",
-    "lerna": "^3.20.2",
-    "lint-staged": "^10.2.2",
-    "lodash": "^4.17.15",
-    "node-fetch": "^2.6.7",
-    "node-forge": "^1.3.1",
-    "npm-run-all": "^4.1.5",
-    "openapi3-ts": "^1.3.0",
+    "jest": "29.3.1",
+    "jest-canvas-mock": "2.4.0",
+    "jest-environment-jsdom": "29.7.0",
+    "jest-junit": "12.3.0",
+    "jest-styled-components": "7.1.1",
+    "js-yaml": "3.14.1",
+    "jsdom": "21.1.2",
+    "lerna": "3.22.1",
+    "lint-staged": "10.2.2",
+    "lodash": "^4.17.21",
+    "node-fetch": "2.6.7",
+    "node-forge": "1.3.1",
+    "npm-run-all": "4.1.5",
+    "openapi3-ts": "2.0.2",
     "pre-commit": "1.2.2",
     "prettier": "^2.4.1",
-    "react": "^16.14.0",
-    "react-dom": "^16.14.0",
-    "regenerator-runtime": "^0.13.11",
-    "resize-observer-polyfill": "^1.5.1",
-    "styled-components": "^5.2.1",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "regenerator-runtime": "0.13.11",
+    "resize-observer-polyfill": "1.5.1",
+    "styled-components": "^5.3.1",
+    "syncpack": "11.2.1",
     "ts-jest": "^29.0.5",
-    "ts-node": "^10.9.1",
+    "ts-node": "10.9.1",
     "typescript": "4.6.3",
-    "url-loader": "^4.1.1",
-    "uuid": "^9.0.0",
-    "webpack": "^5.10.0",
+    "url-loader": "4.1.1",
+    "uuid": "9.0.1",
+    "webpack": "5.10.0",
     "webpack-bundle-analyzer": "^4.4.1",
     "webpack-merge": "^5.7.3",
-    "yarn-deduplicate": "^6.0.0"
+    "yarn-deduplicate": "6.0.0"
   },
-  "dependencies": {},
   "lint-staged": {
     "**/*.ts?(x)": [
       "eslint"
@@ -301,8 +301,8 @@
   ],
   "keywords": [],
   "resolutions": {
-    "@types/react": "^16.14.2",
-    "react": "^16.14.0",
+    "@types/react": "17.0.65",
+    "react": "^17.0.2",
     "set-value": "^2.0.1",
     "trim": ">= 0.0.3",
     "trim-newlines": ">= 3.0.1",