Bump React@17

package.json

@@ -92,6 +92,8 @@
     "**/refractor/prismjs": "~1.27.0",
     "**/trim": "1.0.1",
     "**/typescript": "4.6.3",
+    "**/use-composed-ref": "^1.3.0",
+    "**/use-latest": "^1.2.1",
     "globby/fast-glob": "3.2.7",
     "puppeteer/node-fetch": "^2.6.7"
   },
@@ -325,7 +327,7 @@
     "color": "^4.2.3",
     "commander": "^4.1.1",
     "compare-versions": "3.5.1",
-    "constate": "^1.3.2",
+    "constate": "^3.3.2",
     "content-disposition": "0.5.3",
     "copy-to-clipboard": "^3.0.8",
     "core-js": "^3.22.8",
@@ -434,7 +436,7 @@
     "pluralize": "3.1.0",
     "polished": "^3.7.2",
     "pretty-ms": "6.0.0",
-    "prop-types": "^15.7.2",
+    "prop-types": "^15.8.1",
     "proxy-from-env": "1.0.0",
     "puid": "1.0.7",
     "puppeteer": "^10.2.0",
@@ -443,39 +445,39 @@
     "rbush": "^3.0.1",
     "re-resizable": "^6.1.1",
     "re2": "1.17.4",
-    "react": "^16.14.0",
+    "react": "^17.0.2",
     "react-ace": "^7.0.5",
     "react-beautiful-dnd": "^13.1.0",
     "react-color": "^2.13.8",
-    "react-dom": "^16.14.0",
+    "react-dom": "^17.0.2",
     "react-dropzone": "^4.2.9",
     "react-fast-compare": "^2.0.4",
-    "react-grid-layout": "^0.16.2",
+    "react-focus-on": "^3.6.0",
+    "react-grid-layout": "^1.3.4",
     "react-hook-form": "^7.30.0",
     "react-intl": "^2.8.0",
-    "react-is": "^16.13.1",
-    "react-markdown": "^4.3.1",
+    "react-is": "^17.0.2",
+    "react-markdown": "^6.0.3",
     "react-moment-proptypes": "^1.7.0",
     "react-monaco-editor": "^0.41.2",
-    "react-popper-tooltip": "^2.10.1",
+    "react-popper-tooltip": "^3.1.1",
     "react-query": "^3.34.7",
-    "react-redux": "^7.2.0",
-    "react-resizable": "^1.7.5",
-    "react-resize-detector": "^4.2.0",
-    "react-reverse-portal": "^1.0.4",
+    "react-redux": "^7.2.8",
+    "react-resizable": "^3.0.4",
+    "react-resize-detector": "^7.1.1",
+    "react-reverse-portal": "^2.1.0",
     "react-router": "^5.2.0",
     "react-router-config": "^5.1.1",
     "react-router-dom": "^5.2.0",
-    "react-router-redux": "^4.0.8",
-    "react-shortcuts": "^2.0.0",
-    "react-sizeme": "^2.3.6",
+    "react-shortcuts": "^2.1.0",
+    "react-sizeme": "^3.0.2",
     "react-syntax-highlighter": "^15.3.1",
     "react-tiny-virtual-list": "^2.2.0",
     "react-use": "^15.3.8",
-    "react-virtualized": "^9.21.2",
+    "react-virtualized": "^9.22.3",
     "react-vis": "^1.8.1",
     "react-visibility-sensor": "^5.1.1",
-    "recompose": "^0.26.0",
+    "recompose": "^0.30.0",
     "reduce-reducers": "^1.0.4",
     "redux": "^4.1.0",
     "redux-actions": "^2.6.5",
@@ -626,11 +628,13 @@
     "@storybook/addon-storyshots": "^6.4.22",
     "@storybook/addons": "^6.4.22",
     "@storybook/api": "^6.4.22",
+    "@storybook/client-api": "^6.4.22",
     "@storybook/components": "^6.4.22",
     "@storybook/core": "^6.4.22",
     "@storybook/core-common": "^6.4.22",
     "@storybook/core-events": "^6.4.22",
     "@storybook/node-logger": "^6.4.22",
+    "@storybook/preview-web": "^6.4.22",
     "@storybook/react": "^6.4.22",
     "@storybook/testing-react": "^1.2.4",
     "@storybook/theming": "^6.4.22",
@@ -667,7 +671,7 @@
     "@types/delete-empty": "^2.0.0",
     "@types/ejs": "^3.0.6",
     "@types/elastic__apm-synthtrace": "link:bazel-bin/packages/elastic-apm-synthtrace/npm_module_types",
-    "@types/enzyme": "^3.10.8",
+    "@types/enzyme": "^3.10.12",
     "@types/eslint": "^7.28.0",
     "@types/express": "^4.17.13",
     "@types/extract-zip": "^1.6.2",
@@ -695,7 +699,6 @@
     "@types/intl-relativeformat": "^2.1.0",
     "@types/jest": "^26.0.22",
     "@types/jest-axe": "^3.5.3",
-    "@types/jest-specific-snapshot": "^0.5.5",
     "@types/joi": "^17.2.3",
     "@types/jquery": "^3.3.31",
     "@types/js-levenshtein": "^1.1.0",
@@ -930,24 +933,23 @@
     "@types/pngjs": "^3.4.0",
     "@types/prettier": "^2.3.2",
     "@types/pretty-ms": "^5.0.0",
-    "@types/prop-types": "^15.7.3",
+    "@types/prop-types": "^15.7.5",
     "@types/rbush": "^3.0.0",
-    "@types/react": "^16.14.25",
+    "@types/react": "^17.0.45",
     "@types/react-beautiful-dnd": "^13.0.0",
-    "@types/react-dom": "^16.9.15",
-    "@types/react-grid-layout": "^0.16.7",
+    "@types/react-dom": "^17.0.17",
+    "@types/react-grid-layout": "^1.3.2",
     "@types/react-intl": "^2.3.15",
-    "@types/react-is": "^16.7.2",
-    "@types/react-redux": "^7.1.9",
-    "@types/react-resize-detector": "^4.0.1",
+    "@types/react-is": "^17.0.3",
+    "@types/react-resize-detector": "^6.1.0",
     "@types/react-router": "^5.1.7",
     "@types/react-router-config": "^5.0.2",
     "@types/react-router-dom": "^5.1.5",
-    "@types/react-test-renderer": "^16.9.1",
-    "@types/react-virtualized": "^9.18.7",
+    "@types/react-test-renderer": "^17.0.2",
+    "@types/react-virtualized": "^9.21.21",
     "@types/react-vis": "^1.11.9",
     "@types/read-pkg": "^4.0.0",
-    "@types/recompose": "^0.30.6",
+    "@types/recompose": "^0.30.10",
     "@types/reduce-reducers": "^1.0.0",
     "@types/redux-actions": "^2.6.1",
     "@types/redux-logger": "^3.0.8",
@@ -989,6 +991,7 @@
     "@typescript-eslint/eslint-plugin": "^5.20.0",
     "@typescript-eslint/parser": "^5.20.0",
     "@typescript-eslint/typescript-estree": "^5.20.0",
+    "@wojtekmaj/enzyme-adapter-react-17": "^0.6.7",
     "@yarnpkg/lockfile": "^1.1.0",
     "abab": "^2.0.4",
     "aggregate-error": "^3.1.0",
@@ -1033,8 +1036,6 @@
     "dpdm": "3.5.0",
     "ejs": "^3.1.6",
     "enzyme": "^3.11.0",
-    "enzyme-adapter-react-16": "^1.15.6",
-    "enzyme-adapter-utils": "^1.14.0",
     "enzyme-to-json": "^3.6.1",
     "eslint": "^7.32.0",
     "eslint-config-prettier": "^8.5.0",
@@ -1086,15 +1087,14 @@
     "jest-config": "^26",
     "jest-diff": "^26.6.2",
     "jest-environment-jsdom": "^26.6.2",
-    "jest-environment-jsdom-thirteen": "^1.0.1",
     "jest-raw-loader": "^1.0.1",
     "jest-runtime": "^26",
     "jest-silent-reporter": "^0.5.0",
     "jest-snapshot": "^26.6.2",
-    "jest-specific-snapshot": "2.0.0",
+    "jest-specific-snapshot": "^4.0.0",
     "jest-styled-components": "^7.0.3",
     "jimp": "^0.14.0",
-    "jsdom": "13.1.0",
+    "jsdom": "^16.4.0",
     "json-schema-typed": "^7.0.3",
     "json5": "^1.0.1",
     "jsondiffpatch": "0.4.1",
@@ -1132,11 +1132,11 @@
     "pretty-format": "^27.5.1",
     "q": "^1.5.1",
     "raw-loader": "^3.1.0",
-    "react-test-renderer": "^16.14.0",
+    "react-test-renderer": "^17.0.2",
     "read-pkg": "^5.2.0",
     "regenerate": "^1.4.0",
     "resolve": "^1.22.0",
-    "rxjs-marbles": "^5.0.6",
+    "rxjs-marbles": "^7.0.1",
     "sass-loader": "^10.3.1",
     "selenium-webdriver": "^4.3.0",
     "simple-git": "1.116.0",