From 9ab242311622b89948b01aea5b5427f90bf9577a Mon Sep 17 00:00:00 2001
From: An Phi <aphi@skidmore.edu>
Date: Fri, 6 May 2022 09:37:31 -0400
Subject: [PATCH 1/7] bump dependencies

---
 .changeset/tough-avocados-appear.md           |  26 +
 package.json                                  |   4 +-
 packages/legend-application/package.json      |   4 +-
 packages/legend-art/package.json              |   4 +-
 packages/legend-dev-utils/package.json        |   6 +-
 .../package.json                              |   4 +-
 .../legend-extension-dsl-diagram/package.json |   4 +-
 .../package.json                              |   2 +-
 .../legend-extension-dsl-text/package.json    |   4 +-
 .../package.json                              |   2 +-
 .../package.json                              |   2 +-
 .../package.json                              |   4 +-
 .../package.json                              |   4 +-
 .../package.json                              |   2 +-
 packages/legend-graph/package.json            |   4 +-
 packages/legend-manual-tests/package.json     |   2 +-
 packages/legend-model-storage/package.json    |   2 +-
 packages/legend-query/package.json            |   4 +-
 packages/legend-server-depot/package.json     |   4 +-
 packages/legend-server-sdlc/package.json      |   4 +-
 packages/legend-shared/package.json           |   4 +-
 .../package.json                              |   4 +-
 .../package.json                              |   4 +-
 packages/legend-studio/package.json           |   4 +-
 packages/legend-taxonomy/package.json         |   4 +-
 .../package.json                              |   2 +-
 scripts/github-bot/package.json               |   2 +-
 yarn.lock                                     | 732 ++++++++++--------
 28 files changed, 487 insertions(+), 361 deletions(-)
 create mode 100644 .changeset/tough-avocados-appear.md

diff --git a/.changeset/tough-avocados-appear.md b/.changeset/tough-avocados-appear.md
new file mode 100644
index 0000000000..1ffa5d4a86
--- /dev/null
+++ b/.changeset/tough-avocados-appear.md
@@ -0,0 +1,26 @@
+---
+'@finos/legend-application': patch
+'@finos/legend-art': patch
+'@finos/legend-dev-utils': patch
+'@finos/legend-extension-dsl-data-space': patch
+'@finos/legend-extension-dsl-diagram': patch
+'@finos/legend-extension-dsl-persistence': patch
+'@finos/legend-extension-dsl-text': patch
+'@finos/legend-extension-external-format-json-schema': patch
+'@finos/legend-extension-external-language-morphir': patch
+'@finos/legend-extension-external-store-service': patch
+'@finos/legend-extension-mapping-generation': patch
+'@finos/legend-graph': patch
+'@finos/legend-graph-extension-collection': patch
+'@finos/legend-manual-tests': patch
+'@finos/legend-model-storage': patch
+'@finos/legend-query': patch
+'@finos/legend-server-depot': patch
+'@finos/legend-server-sdlc': patch
+'@finos/legend-shared': patch
+'@finos/legend-studio': patch
+'@finos/legend-studio-extension-management-toolkit': patch
+'@finos/legend-studio-extension-query-builder': patch
+'@finos/legend-taxonomy': patch
+'@finos/legend-tracer-extension-zipkin': patch
+---
diff --git a/package.json b/package.json
index 6a25f37060..01b115b9ea 100644
--- a/package.json
+++ b/package.json
@@ -81,7 +81,7 @@
     "glob-parent": "^6.0.1"
   },
   "devDependencies": {
-    "@actions/core": "1.7.0",
+    "@actions/core": "1.8.0",
     "@actions/github": "5.0.1",
     "@babel/core": "7.17.10",
     "@changesets/cli": "2.22.0",
@@ -98,7 +98,7 @@
     "fs-extra": "10.1.0",
     "husky": "7.0.4",
     "inquirer": "8.2.4",
-    "jest": "28.0.3",
+    "jest": "28.1.0",
     "lint-staged": "12.4.1",
     "micromatch": "4.0.5",
     "npm-run-all": "4.1.5",
diff --git a/packages/legend-application/package.json b/packages/legend-application/package.json
index e829a0aced..33455ed852 100644
--- a/packages/legend-application/package.json
+++ b/packages/legend-application/package.json
@@ -52,7 +52,7 @@
     "@types/react-router-dom": "5.3.2",
     "history": "5.3.0",
     "mobx": "6.5.0",
-    "mobx-react-lite": "3.3.0",
+    "mobx-react-lite": "3.4.0",
     "monaco-editor": "0.33.0",
     "react": "17.0.2",
     "react-dom": "17.0.2",
@@ -65,7 +65,7 @@
     "@finos/legend-dev-utils": "workspace:*",
     "cross-env": "7.0.3",
     "eslint": "8.14.0",
-    "jest": "28.0.3",
+    "jest": "28.1.0",
     "npm-run-all": "4.1.5",
     "rimraf": "3.0.2",
     "sass": "1.51.0",
diff --git a/packages/legend-art/package.json b/packages/legend-art/package.json
index bb9ff5e1bb..9849469400 100644
--- a/packages/legend-art/package.json
+++ b/packages/legend-art/package.json
@@ -61,7 +61,7 @@
     "@types/react-window": "1.8.5",
     "clsx": "1.1.1",
     "mobx": "6.5.0",
-    "mobx-react-lite": "3.3.0",
+    "mobx-react-lite": "3.4.0",
     "monaco-editor": "0.33.0",
     "react": "17.0.2",
     "react-dom": "17.0.2",
@@ -78,7 +78,7 @@
     "@finos/legend-dev-utils": "workspace:*",
     "cross-env": "7.0.3",
     "eslint": "8.14.0",
-    "jest": "28.0.3",
+    "jest": "28.1.0",
     "npm-run-all": "4.1.5",
     "rimraf": "3.0.2",
     "sass": "1.51.0",
diff --git a/packages/legend-dev-utils/package.json b/packages/legend-dev-utils/package.json
index 508a1a8029..ab8a91cc2b 100644
--- a/packages/legend-dev-utils/package.json
+++ b/packages/legend-dev-utils/package.json
@@ -62,7 +62,7 @@
     "@manypkg/get-packages": "1.1.3",
     "@pmmmwh/react-refresh-webpack-plugin": "0.5.5",
     "autoprefixer": "10.4.7",
-    "babel-jest": "28.0.3",
+    "babel-jest": "28.1.0",
     "babel-loader": "8.2.5",
     "chalk": "5.0.1",
     "circular-dependency-plugin": "5.2.2",
@@ -71,8 +71,8 @@
     "cssnano": "5.1.7",
     "html-webpack-plugin": "5.5.0",
     "isbinaryfile": "5.0.0",
-    "jest": "28.0.3",
-    "jest-environment-jsdom": "28.0.2",
+    "jest": "28.1.0",
+    "jest-environment-jsdom": "28.1.0",
     "jest-extended": "2.0.0",
     "jest-watch-typeahead": "1.1.0",
     "jsonc-parser": "3.0.0",
diff --git a/packages/legend-extension-dsl-data-space/package.json b/packages/legend-extension-dsl-data-space/package.json
index 5150d96f33..06d8c2a7be 100644
--- a/packages/legend-extension-dsl-data-space/package.json
+++ b/packages/legend-extension-dsl-data-space/package.json
@@ -54,7 +54,7 @@
     "@finos/legend-studio": "workspace:*",
     "@types/react": "17.0.44",
     "mobx": "6.5.0",
-    "mobx-react-lite": "3.3.0",
+    "mobx-react-lite": "3.4.0",
     "react": "17.0.2",
     "react-dom": "17.0.2",
     "react-resize-detector": "7.0.0",
@@ -64,7 +64,7 @@
     "@finos/legend-dev-utils": "workspace:*",
     "cross-env": "7.0.3",
     "eslint": "8.14.0",
-    "jest": "28.0.3",
+    "jest": "28.1.0",
     "npm-run-all": "4.1.5",
     "rimraf": "3.0.2",
     "sass": "1.51.0",
diff --git a/packages/legend-extension-dsl-diagram/package.json b/packages/legend-extension-dsl-diagram/package.json
index 5b0bfe76e4..47aa16bcba 100644
--- a/packages/legend-extension-dsl-diagram/package.json
+++ b/packages/legend-extension-dsl-diagram/package.json
@@ -51,7 +51,7 @@
     "@finos/legend-studio": "workspace:*",
     "@types/react": "17.0.44",
     "mobx": "6.5.0",
-    "mobx-react-lite": "3.3.0",
+    "mobx-react-lite": "3.4.0",
     "react": "17.0.2",
     "react-dnd": "15.1.2",
     "react-dom": "17.0.2",
@@ -63,7 +63,7 @@
     "@testing-library/react": "12.1.5",
     "cross-env": "7.0.3",
     "eslint": "8.14.0",
-    "jest": "28.0.3",
+    "jest": "28.1.0",
     "jest-canvas-mock": "2.4.0",
     "npm-run-all": "4.1.5",
     "rimraf": "3.0.2",
diff --git a/packages/legend-extension-dsl-persistence/package.json b/packages/legend-extension-dsl-persistence/package.json
index 1f1466aebd..e2fcc271d5 100644
--- a/packages/legend-extension-dsl-persistence/package.json
+++ b/packages/legend-extension-dsl-persistence/package.json
@@ -58,7 +58,7 @@
     "@finos/legend-dev-utils": "workspace:*",
     "cross-env": "7.0.3",
     "eslint": "8.14.0",
-    "jest": "28.0.3",
+    "jest": "28.1.0",
     "npm-run-all": "4.1.5",
     "rimraf": "3.0.2",
     "sass": "1.51.0",
diff --git a/packages/legend-extension-dsl-text/package.json b/packages/legend-extension-dsl-text/package.json
index c385541175..34d35986c4 100644
--- a/packages/legend-extension-dsl-text/package.json
+++ b/packages/legend-extension-dsl-text/package.json
@@ -51,7 +51,7 @@
     "@finos/legend-studio": "workspace:*",
     "@types/react": "17.0.44",
     "mobx": "6.5.0",
-    "mobx-react-lite": "3.3.0",
+    "mobx-react-lite": "3.4.0",
     "react": "17.0.2",
     "serializr": "2.0.5"
   },
@@ -59,7 +59,7 @@
     "@finos/legend-dev-utils": "workspace:*",
     "cross-env": "7.0.3",
     "eslint": "8.14.0",
-    "jest": "28.0.3",
+    "jest": "28.1.0",
     "npm-run-all": "4.1.5",
     "rimraf": "3.0.2",
     "sass": "1.51.0",
diff --git a/packages/legend-extension-external-format-json-schema/package.json b/packages/legend-extension-external-format-json-schema/package.json
index 48062c386c..bc524394a0 100644
--- a/packages/legend-extension-external-format-json-schema/package.json
+++ b/packages/legend-extension-external-format-json-schema/package.json
@@ -46,7 +46,7 @@
     "@finos/legend-dev-utils": "workspace:*",
     "cross-env": "7.0.3",
     "eslint": "8.14.0",
-    "jest": "28.0.3",
+    "jest": "28.1.0",
     "npm-run-all": "4.1.5",
     "rimraf": "3.0.2",
     "typescript": "4.6.4"
diff --git a/packages/legend-extension-external-language-morphir/package.json b/packages/legend-extension-external-language-morphir/package.json
index acd302163e..5c3e0201d7 100644
--- a/packages/legend-extension-external-language-morphir/package.json
+++ b/packages/legend-extension-external-language-morphir/package.json
@@ -52,7 +52,7 @@
     "@finos/legend-dev-utils": "workspace:*",
     "cross-env": "7.0.3",
     "eslint": "8.14.0",
-    "jest": "28.0.3",
+    "jest": "28.1.0",
     "npm-run-all": "4.1.5",
     "rimraf": "3.0.2",
     "sass": "1.51.0",
diff --git a/packages/legend-extension-external-store-service/package.json b/packages/legend-extension-external-store-service/package.json
index 7323485d97..34c85aaeeb 100644
--- a/packages/legend-extension-external-store-service/package.json
+++ b/packages/legend-extension-external-store-service/package.json
@@ -48,7 +48,7 @@
     "@finos/legend-studio": "workspace:*",
     "@types/react": "17.0.44",
     "mobx": "6.5.0",
-    "mobx-react-lite": "3.3.0",
+    "mobx-react-lite": "3.4.0",
     "react": "17.0.2",
     "serializr": "2.0.5"
   },
@@ -56,7 +56,7 @@
     "@finos/legend-dev-utils": "workspace:*",
     "cross-env": "7.0.3",
     "eslint": "8.14.0",
-    "jest": "28.0.3",
+    "jest": "28.1.0",
     "npm-run-all": "4.1.5",
     "rimraf": "3.0.2",
     "sass": "1.51.0",
diff --git a/packages/legend-extension-mapping-generation/package.json b/packages/legend-extension-mapping-generation/package.json
index 15d3ab4c89..e5cfdc0442 100644
--- a/packages/legend-extension-mapping-generation/package.json
+++ b/packages/legend-extension-mapping-generation/package.json
@@ -47,7 +47,7 @@
     "@finos/legend-shared": "workspace:*",
     "@finos/legend-studio": "workspace:*",
     "mobx": "6.5.0",
-    "mobx-react-lite": "3.3.0",
+    "mobx-react-lite": "3.4.0",
     "react": "17.0.2",
     "serializr": "2.0.5"
   },
@@ -55,7 +55,7 @@
     "@finos/legend-dev-utils": "workspace:*",
     "cross-env": "7.0.3",
     "eslint": "8.14.0",
-    "jest": "28.0.3",
+    "jest": "28.1.0",
     "npm-run-all": "4.1.5",
     "rimraf": "3.0.2",
     "sass": "1.51.0",
diff --git a/packages/legend-graph-extension-collection/package.json b/packages/legend-graph-extension-collection/package.json
index 2166411c57..329d32bae6 100644
--- a/packages/legend-graph-extension-collection/package.json
+++ b/packages/legend-graph-extension-collection/package.json
@@ -50,7 +50,7 @@
     "@finos/legend-dev-utils": "workspace:*",
     "cross-env": "7.0.3",
     "eslint": "8.14.0",
-    "jest": "28.0.3",
+    "jest": "28.1.0",
     "npm-run-all": "4.1.5",
     "rimraf": "3.0.2",
     "typescript": "4.6.4"
diff --git a/packages/legend-graph/package.json b/packages/legend-graph/package.json
index 14bc98f37d..ec7386780c 100644
--- a/packages/legend-graph/package.json
+++ b/packages/legend-graph/package.json
@@ -42,7 +42,7 @@
     "@finos/legend-shared": "workspace:*",
     "date-fns": "2.28.0",
     "mobx": "6.5.0",
-    "mobx-react-lite": "3.3.0",
+    "mobx-react-lite": "3.4.0",
     "react": "17.0.2",
     "serializr": "2.0.5"
   },
@@ -50,7 +50,7 @@
     "@finos/legend-dev-utils": "workspace:*",
     "cross-env": "7.0.3",
     "eslint": "8.14.0",
-    "jest": "28.0.3",
+    "jest": "28.1.0",
     "npm-run-all": "4.1.5",
     "rimraf": "3.0.2",
     "typescript": "4.6.4"
diff --git a/packages/legend-manual-tests/package.json b/packages/legend-manual-tests/package.json
index 3463ba5a6f..75d2e775a1 100644
--- a/packages/legend-manual-tests/package.json
+++ b/packages/legend-manual-tests/package.json
@@ -33,7 +33,7 @@
     "axios": "0.27.2",
     "cross-env": "7.0.3",
     "eslint": "8.14.0",
-    "jest": "28.0.3",
+    "jest": "28.1.0",
     "npm-run-all": "4.1.5",
     "rimraf": "3.0.2",
     "typescript": "4.6.4"
diff --git a/packages/legend-model-storage/package.json b/packages/legend-model-storage/package.json
index 793f81e4a8..deb910af86 100644
--- a/packages/legend-model-storage/package.json
+++ b/packages/legend-model-storage/package.json
@@ -43,7 +43,7 @@
     "@finos/legend-dev-utils": "workspace:*",
     "cross-env": "7.0.3",
     "eslint": "8.14.0",
-    "jest": "28.0.3",
+    "jest": "28.1.0",
     "lodash": "4.17.21",
     "npm-run-all": "4.1.5",
     "rimraf": "3.0.2",
diff --git a/packages/legend-query/package.json b/packages/legend-query/package.json
index c3a6718304..4eac249e50 100644
--- a/packages/legend-query/package.json
+++ b/packages/legend-query/package.json
@@ -60,7 +60,7 @@
     "date-fns": "2.28.0",
     "history": "5.3.0",
     "mobx": "6.5.0",
-    "mobx-react-lite": "3.3.0",
+    "mobx-react-lite": "3.4.0",
     "monaco-editor": "0.33.0",
     "papaparse": "5.3.2",
     "react": "17.0.2",
@@ -76,7 +76,7 @@
     "@testing-library/dom": "8.13.0",
     "cross-env": "7.0.3",
     "eslint": "8.14.0",
-    "jest": "28.0.3",
+    "jest": "28.1.0",
     "npm-run-all": "4.1.5",
     "rimraf": "3.0.2",
     "sass": "1.51.0",
diff --git a/packages/legend-server-depot/package.json b/packages/legend-server-depot/package.json
index c11f252326..5e6611e813 100644
--- a/packages/legend-server-depot/package.json
+++ b/packages/legend-server-depot/package.json
@@ -40,7 +40,7 @@
     "@finos/legend-model-storage": "workspace:*",
     "@finos/legend-shared": "workspace:*",
     "mobx": "6.5.0",
-    "mobx-react-lite": "3.3.0",
+    "mobx-react-lite": "3.4.0",
     "react": "17.0.2",
     "serializr": "2.0.5"
   },
@@ -48,7 +48,7 @@
     "@finos/legend-dev-utils": "workspace:*",
     "cross-env": "7.0.3",
     "eslint": "8.14.0",
-    "jest": "28.0.3",
+    "jest": "28.1.0",
     "npm-run-all": "4.1.5",
     "rimraf": "3.0.2",
     "typescript": "4.6.4"
diff --git a/packages/legend-server-sdlc/package.json b/packages/legend-server-sdlc/package.json
index 478bd6b6cb..aae0cc3b40 100644
--- a/packages/legend-server-sdlc/package.json
+++ b/packages/legend-server-sdlc/package.json
@@ -41,7 +41,7 @@
     "@finos/legend-model-storage": "workspace:*",
     "@finos/legend-shared": "workspace:*",
     "mobx": "6.5.0",
-    "mobx-react-lite": "3.3.0",
+    "mobx-react-lite": "3.4.0",
     "react": "17.0.2",
     "serializr": "2.0.5"
   },
@@ -49,7 +49,7 @@
     "@finos/legend-dev-utils": "workspace:*",
     "cross-env": "7.0.3",
     "eslint": "8.14.0",
-    "jest": "28.0.3",
+    "jest": "28.1.0",
     "npm-run-all": "4.1.5",
     "rimraf": "3.0.2",
     "typescript": "4.6.4"
diff --git a/packages/legend-shared/package.json b/packages/legend-shared/package.json
index cc885b9bc4..4f5cde3f34 100644
--- a/packages/legend-shared/package.json
+++ b/packages/legend-shared/package.json
@@ -52,7 +52,7 @@
     "mobx": "6.5.0",
     "object-hash": "3.0.0",
     "pako": "2.0.4",
-    "pretty-format": "28.0.2",
+    "pretty-format": "28.1.0",
     "query-string": "7.1.1",
     "seedrandom": "3.0.5",
     "serializr": "2.0.5",
@@ -62,7 +62,7 @@
     "@finos/legend-dev-utils": "workspace:*",
     "cross-env": "7.0.3",
     "eslint": "8.14.0",
-    "jest": "28.0.3",
+    "jest": "28.1.0",
     "lodash": "4.17.21",
     "npm-run-all": "4.1.5",
     "rimraf": "3.0.2",
diff --git a/packages/legend-studio-extension-management-toolkit/package.json b/packages/legend-studio-extension-management-toolkit/package.json
index de85d17031..6914517058 100644
--- a/packages/legend-studio-extension-management-toolkit/package.json
+++ b/packages/legend-studio-extension-management-toolkit/package.json
@@ -53,7 +53,7 @@
     "@types/react": "17.0.44",
     "@types/react-router-dom": "5.3.2",
     "mobx": "6.5.0",
-    "mobx-react-lite": "3.3.0",
+    "mobx-react-lite": "3.4.0",
     "react": "17.0.2",
     "react-router-dom": "5.3.0"
   },
@@ -61,7 +61,7 @@
     "@finos/legend-dev-utils": "workspace:*",
     "cross-env": "7.0.3",
     "eslint": "8.14.0",
-    "jest": "28.0.3",
+    "jest": "28.1.0",
     "npm-run-all": "4.1.5",
     "rimraf": "3.0.2",
     "sass": "1.51.0",
diff --git a/packages/legend-studio-extension-query-builder/package.json b/packages/legend-studio-extension-query-builder/package.json
index a013f2269d..26f430bb91 100644
--- a/packages/legend-studio-extension-query-builder/package.json
+++ b/packages/legend-studio-extension-query-builder/package.json
@@ -56,7 +56,7 @@
     "@finos/legend-studio": "workspace:*",
     "@types/react": "17.0.44",
     "mobx": "6.5.0",
-    "mobx-react-lite": "3.3.0",
+    "mobx-react-lite": "3.4.0",
     "react": "17.0.2",
     "react-dom": "17.0.2"
   },
@@ -66,7 +66,7 @@
     "@testing-library/react": "12.1.5",
     "cross-env": "7.0.3",
     "eslint": "8.14.0",
-    "jest": "28.0.3",
+    "jest": "28.1.0",
     "npm-run-all": "4.1.5",
     "rimraf": "3.0.2",
     "sass": "1.51.0",
diff --git a/packages/legend-studio/package.json b/packages/legend-studio/package.json
index de45a26a4a..f276833a0d 100644
--- a/packages/legend-studio/package.json
+++ b/packages/legend-studio/package.json
@@ -57,7 +57,7 @@
     "date-fns": "2.28.0",
     "history": "5.3.0",
     "mobx": "6.5.0",
-    "mobx-react-lite": "3.3.0",
+    "mobx-react-lite": "3.4.0",
     "mobx-utils": "6.0.5",
     "monaco-editor": "0.33.0",
     "node-diff3": "3.1.0",
@@ -77,7 +77,7 @@
     "@testing-library/dom": "8.13.0",
     "cross-env": "7.0.3",
     "eslint": "8.14.0",
-    "jest": "28.0.3",
+    "jest": "28.1.0",
     "npm-run-all": "4.1.5",
     "rimraf": "3.0.2",
     "sass": "1.51.0",
diff --git a/packages/legend-taxonomy/package.json b/packages/legend-taxonomy/package.json
index f33190b020..7a901fdeb4 100644
--- a/packages/legend-taxonomy/package.json
+++ b/packages/legend-taxonomy/package.json
@@ -54,7 +54,7 @@
     "@types/react-router-dom": "5.3.2",
     "history": "5.3.0",
     "mobx": "6.5.0",
-    "mobx-react-lite": "3.3.0",
+    "mobx-react-lite": "3.4.0",
     "react": "17.0.2",
     "react-dom": "17.0.2",
     "react-hotkeys": "2.0.0",
@@ -67,7 +67,7 @@
     "@finos/legend-dev-utils": "workspace:*",
     "cross-env": "7.0.3",
     "eslint": "8.14.0",
-    "jest": "28.0.3",
+    "jest": "28.1.0",
     "npm-run-all": "4.1.5",
     "rimraf": "3.0.2",
     "sass": "1.51.0",
diff --git a/packages/legend-tracer-extension-zipkin/package.json b/packages/legend-tracer-extension-zipkin/package.json
index 32420704c4..e4a8315341 100644
--- a/packages/legend-tracer-extension-zipkin/package.json
+++ b/packages/legend-tracer-extension-zipkin/package.json
@@ -51,7 +51,7 @@
     "@finos/legend-dev-utils": "workspace:*",
     "cross-env": "7.0.3",
     "eslint": "8.14.0",
-    "jest": "28.0.3",
+    "jest": "28.1.0",
     "npm-run-all": "4.1.5",
     "rimraf": "3.0.2",
     "typescript": "4.6.4"
diff --git a/scripts/github-bot/package.json b/scripts/github-bot/package.json
index 014a50f019..e369587905 100644
--- a/scripts/github-bot/package.json
+++ b/scripts/github-bot/package.json
@@ -14,7 +14,7 @@
     "lint:js": "echo \"Skipped - already done as part of linting ./scripts\""
   },
   "dependencies": {
-    "@actions/core": "1.7.0",
+    "@actions/core": "1.8.0",
     "@actions/github": "5.0.1",
     "chalk": "5.0.1"
   }
diff --git a/yarn.lock b/yarn.lock
index bef45eaf30..17078b8eed 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -5,12 +5,12 @@ __metadata:
   version: 6
   cacheKey: 8
 
-"@actions/core@npm:1.7.0":
-  version: 1.7.0
-  resolution: "@actions/core@npm:1.7.0"
+"@actions/core@npm:1.8.0":
+  version: 1.8.0
+  resolution: "@actions/core@npm:1.8.0"
   dependencies:
     "@actions/http-client": ^1.0.11
-  checksum: 91ea8a5dd88e779bc1140f205e7b2bd5d1395aaa3634e72515f8a6a2c87cb7d241fb6bf2f0e2b2a3550e6404a8f9502dada56527618e4a3823abf040dff83f92
+  checksum: 0634770fce3fdf56fd76338731921fde67dcea54cba7e5be2398d62445ada2ee8afca6694da1c6f72d9b4d257cbf3ed0dacbd58753adac712e06249f57156cf3
   languageName: node
   linkType: hard
 
@@ -2081,9 +2081,9 @@ __metadata:
     cross-env: 7.0.3
     eslint: 8.14.0
     history: 5.3.0
-    jest: 28.0.3
+    jest: 28.1.0
     mobx: 6.5.0
-    mobx-react-lite: 3.3.0
+    mobx-react-lite: 3.4.0
     monaco-editor: 0.33.0
     npm-run-all: 4.1.5
     react: 17.0.2
@@ -2120,9 +2120,9 @@ __metadata:
     clsx: 1.1.1
     cross-env: 7.0.3
     eslint: 8.14.0
-    jest: 28.0.3
+    jest: 28.1.0
     mobx: 6.5.0
-    mobx-react-lite: 3.3.0
+    mobx-react-lite: 3.4.0
     monaco-editor: 0.33.0
     npm-run-all: 4.1.5
     react: 17.0.2
@@ -2160,7 +2160,7 @@ __metadata:
     "@manypkg/get-packages": 1.1.3
     "@pmmmwh/react-refresh-webpack-plugin": 0.5.5
     autoprefixer: 10.4.7
-    babel-jest: 28.0.3
+    babel-jest: 28.1.0
     babel-loader: 8.2.5
     chalk: 5.0.1
     circular-dependency-plugin: 5.2.2
@@ -2171,8 +2171,8 @@ __metadata:
     eslint: 8.14.0
     html-webpack-plugin: 5.5.0
     isbinaryfile: 5.0.0
-    jest: 28.0.3
-    jest-environment-jsdom: 28.0.2
+    jest: 28.1.0
+    jest-environment-jsdom: 28.1.0
     jest-extended: 2.0.0
     jest-watch-typeahead: 1.1.0
     jsonc-parser: 3.0.0
@@ -2209,9 +2209,9 @@ __metadata:
     "@types/react": 17.0.44
     cross-env: 7.0.3
     eslint: 8.14.0
-    jest: 28.0.3
+    jest: 28.1.0
     mobx: 6.5.0
-    mobx-react-lite: 3.3.0
+    mobx-react-lite: 3.4.0
     npm-run-all: 4.1.5
     react: 17.0.2
     react-dom: 17.0.2
@@ -2240,10 +2240,10 @@ __metadata:
     "@types/react": 17.0.44
     cross-env: 7.0.3
     eslint: 8.14.0
-    jest: 28.0.3
+    jest: 28.1.0
     jest-canvas-mock: 2.4.0
     mobx: 6.5.0
-    mobx-react-lite: 3.3.0
+    mobx-react-lite: 3.4.0
     npm-run-all: 4.1.5
     react: 17.0.2
     react-dnd: 15.1.2
@@ -2272,7 +2272,7 @@ __metadata:
     "@types/react": 17.0.44
     cross-env: 7.0.3
     eslint: 8.14.0
-    jest: 28.0.3
+    jest: 28.1.0
     mobx: 6.5.0
     npm-run-all: 4.1.5
     react: 17.0.2
@@ -2299,9 +2299,9 @@ __metadata:
     "@types/react": 17.0.44
     cross-env: 7.0.3
     eslint: 8.14.0
-    jest: 28.0.3
+    jest: 28.1.0
     mobx: 6.5.0
-    mobx-react-lite: 3.3.0
+    mobx-react-lite: 3.4.0
     npm-run-all: 4.1.5
     react: 17.0.2
     rimraf: 3.0.2
@@ -2322,7 +2322,7 @@ __metadata:
     "@finos/legend-shared": "workspace:*"
     cross-env: 7.0.3
     eslint: 8.14.0
-    jest: 28.0.3
+    jest: 28.1.0
     npm-run-all: 4.1.5
     rimraf: 3.0.2
     typescript: 4.6.4
@@ -2344,7 +2344,7 @@ __metadata:
     "@finos/legend-studio": "workspace:*"
     cross-env: 7.0.3
     eslint: 8.14.0
-    jest: 28.0.3
+    jest: 28.1.0
     npm-run-all: 4.1.5
     rimraf: 3.0.2
     sass: 1.51.0
@@ -2366,9 +2366,9 @@ __metadata:
     "@types/react": 17.0.44
     cross-env: 7.0.3
     eslint: 8.14.0
-    jest: 28.0.3
+    jest: 28.1.0
     mobx: 6.5.0
-    mobx-react-lite: 3.3.0
+    mobx-react-lite: 3.4.0
     npm-run-all: 4.1.5
     react: 17.0.2
     rimraf: 3.0.2
@@ -2395,9 +2395,9 @@ __metadata:
     "@finos/legend-studio": "workspace:*"
     cross-env: 7.0.3
     eslint: 8.14.0
-    jest: 28.0.3
+    jest: 28.1.0
     mobx: 6.5.0
-    mobx-react-lite: 3.3.0
+    mobx-react-lite: 3.4.0
     npm-run-all: 4.1.5
     react: 17.0.2
     rimraf: 3.0.2
@@ -2438,7 +2438,7 @@ __metadata:
     "@finos/legend-shared": "workspace:*"
     cross-env: 7.0.3
     eslint: 8.14.0
-    jest: 28.0.3
+    jest: 28.1.0
     npm-run-all: 4.1.5
     rimraf: 3.0.2
     typescript: 4.6.4
@@ -2455,9 +2455,9 @@ __metadata:
     cross-env: 7.0.3
     date-fns: 2.28.0
     eslint: 8.14.0
-    jest: 28.0.3
+    jest: 28.1.0
     mobx: 6.5.0
-    mobx-react-lite: 3.3.0
+    mobx-react-lite: 3.4.0
     npm-run-all: 4.1.5
     react: 17.0.2
     rimraf: 3.0.2
@@ -2470,7 +2470,7 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@finos/legend-internal-github-bot@workspace:scripts/github-bot"
   dependencies:
-    "@actions/core": 1.7.0
+    "@actions/core": 1.8.0
     "@actions/github": 5.0.1
     chalk: 5.0.1
   languageName: unknown
@@ -2488,7 +2488,7 @@ __metadata:
     axios: 0.27.2
     cross-env: 7.0.3
     eslint: 8.14.0
-    jest: 28.0.3
+    jest: 28.1.0
     npm-run-all: 4.1.5
     rimraf: 3.0.2
     typescript: 4.6.4
@@ -2503,7 +2503,7 @@ __metadata:
     "@finos/legend-shared": "workspace:*"
     cross-env: 7.0.3
     eslint: 8.14.0
-    jest: 28.0.3
+    jest: 28.1.0
     lodash: 4.17.21
     npm-run-all: 4.1.5
     rimraf: 3.0.2
@@ -2576,9 +2576,9 @@ __metadata:
     date-fns: 2.28.0
     eslint: 8.14.0
     history: 5.3.0
-    jest: 28.0.3
+    jest: 28.1.0
     mobx: 6.5.0
-    mobx-react-lite: 3.3.0
+    mobx-react-lite: 3.4.0
     monaco-editor: 0.33.0
     npm-run-all: 4.1.5
     papaparse: 5.3.2
@@ -2606,9 +2606,9 @@ __metadata:
     "@finos/legend-shared": "workspace:*"
     cross-env: 7.0.3
     eslint: 8.14.0
-    jest: 28.0.3
+    jest: 28.1.0
     mobx: 6.5.0
-    mobx-react-lite: 3.3.0
+    mobx-react-lite: 3.4.0
     npm-run-all: 4.1.5
     react: 17.0.2
     rimraf: 3.0.2
@@ -2626,9 +2626,9 @@ __metadata:
     "@finos/legend-shared": "workspace:*"
     cross-env: 7.0.3
     eslint: 8.14.0
-    jest: 28.0.3
+    jest: 28.1.0
     mobx: 6.5.0
-    mobx-react-lite: 3.3.0
+    mobx-react-lite: 3.4.0
     npm-run-all: 4.1.5
     react: 17.0.2
     rimraf: 3.0.2
@@ -2652,7 +2652,7 @@ __metadata:
     eslint: 8.14.0
     hash.js: 1.1.7
     http-status-codes: 2.2.0
-    jest: 28.0.3
+    jest: 28.1.0
     lodash: 4.17.21
     lodash-es: 4.17.21
     lossless-json: 1.0.5
@@ -2660,7 +2660,7 @@ __metadata:
     npm-run-all: 4.1.5
     object-hash: 3.0.0
     pako: 2.0.4
-    pretty-format: 28.0.2
+    pretty-format: 28.1.0
     query-string: 7.1.1
     rimraf: 3.0.2
     seedrandom: 3.0.5
@@ -2731,9 +2731,9 @@ __metadata:
     "@types/react-router-dom": 5.3.2
     cross-env: 7.0.3
     eslint: 8.14.0
-    jest: 28.0.3
+    jest: 28.1.0
     mobx: 6.5.0
-    mobx-react-lite: 3.3.0
+    mobx-react-lite: 3.4.0
     npm-run-all: 4.1.5
     react: 17.0.2
     react-router-dom: 5.3.0
@@ -2764,9 +2764,9 @@ __metadata:
     "@types/react": 17.0.44
     cross-env: 7.0.3
     eslint: 8.14.0
-    jest: 28.0.3
+    jest: 28.1.0
     mobx: 6.5.0
-    mobx-react-lite: 3.3.0
+    mobx-react-lite: 3.4.0
     npm-run-all: 4.1.5
     react: 17.0.2
     react-dom: 17.0.2
@@ -2799,9 +2799,9 @@ __metadata:
     date-fns: 2.28.0
     eslint: 8.14.0
     history: 5.3.0
-    jest: 28.0.3
+    jest: 28.1.0
     mobx: 6.5.0
-    mobx-react-lite: 3.3.0
+    mobx-react-lite: 3.4.0
     mobx-utils: 6.0.5
     monaco-editor: 0.33.0
     node-diff3: 3.1.0
@@ -2882,9 +2882,9 @@ __metadata:
     cross-env: 7.0.3
     eslint: 8.14.0
     history: 5.3.0
-    jest: 28.0.3
+    jest: 28.1.0
     mobx: 6.5.0
-    mobx-react-lite: 3.3.0
+    mobx-react-lite: 3.4.0
     npm-run-all: 4.1.5
     react: 17.0.2
     react-dom: 17.0.2
@@ -2910,7 +2910,7 @@ __metadata:
     "@types/zipkin-javascript-opentracing": 1.6.0
     cross-env: 7.0.3
     eslint: 8.14.0
-    jest: 28.0.3
+    jest: 28.1.0
     npm-run-all: 4.1.5
     opentracing: 0.14.7
     rimraf: 3.0.2
@@ -3025,15 +3025,29 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@jest/core@npm:^28.0.3":
-  version: 28.0.3
-  resolution: "@jest/core@npm:28.0.3"
+"@jest/console@npm:^28.1.0":
+  version: 28.1.0
+  resolution: "@jest/console@npm:28.1.0"
   dependencies:
-    "@jest/console": ^28.0.2
-    "@jest/reporters": ^28.0.3
-    "@jest/test-result": ^28.0.2
-    "@jest/transform": ^28.0.3
-    "@jest/types": ^28.0.2
+    "@jest/types": ^28.1.0
+    "@types/node": "*"
+    chalk: ^4.0.0
+    jest-message-util: ^28.1.0
+    jest-util: ^28.1.0
+    slash: ^3.0.0
+  checksum: 6ce8ed8159517c28d413fbebf806c8ed53e958f5069b45731b21add626bdea799bc6944d9cfcc5d350047e7198185515b58877e09da52801df64cfc21c4060df
+  languageName: node
+  linkType: hard
+
+"@jest/core@npm:^28.1.0":
+  version: 28.1.0
+  resolution: "@jest/core@npm:28.1.0"
+  dependencies:
+    "@jest/console": ^28.1.0
+    "@jest/reporters": ^28.1.0
+    "@jest/test-result": ^28.1.0
+    "@jest/transform": ^28.1.0
+    "@jest/types": ^28.1.0
     "@types/node": "*"
     ansi-escapes: ^4.2.1
     chalk: ^4.0.0
@@ -3041,20 +3055,20 @@ __metadata:
     exit: ^0.1.2
     graceful-fs: ^4.2.9
     jest-changed-files: ^28.0.2
-    jest-config: ^28.0.3
-    jest-haste-map: ^28.0.2
-    jest-message-util: ^28.0.2
+    jest-config: ^28.1.0
+    jest-haste-map: ^28.1.0
+    jest-message-util: ^28.1.0
     jest-regex-util: ^28.0.2
-    jest-resolve: ^28.0.3
-    jest-resolve-dependencies: ^28.0.3
-    jest-runner: ^28.0.3
-    jest-runtime: ^28.0.3
-    jest-snapshot: ^28.0.3
-    jest-util: ^28.0.2
-    jest-validate: ^28.0.2
-    jest-watcher: ^28.0.2
+    jest-resolve: ^28.1.0
+    jest-resolve-dependencies: ^28.1.0
+    jest-runner: ^28.1.0
+    jest-runtime: ^28.1.0
+    jest-snapshot: ^28.1.0
+    jest-util: ^28.1.0
+    jest-validate: ^28.1.0
+    jest-watcher: ^28.1.0
     micromatch: ^4.0.4
-    pretty-format: ^28.0.2
+    pretty-format: ^28.1.0
     rimraf: ^3.0.0
     slash: ^3.0.0
     strip-ansi: ^6.0.0
@@ -3063,75 +3077,75 @@ __metadata:
   peerDependenciesMeta:
     node-notifier:
       optional: true
-  checksum: ada66566aa93489aaf72fe6732696db8946373919302480d8b327c1927feb1a2a13e4a7814e279e0262f1e52f4c9f21b91cbcecb365787ae7334933161a18052
+  checksum: fb955cc5c8d7f294fd9bb85793e0633707fdbce9c10d4e3222b62d36564b17214abc9ab0e93397d1a6d224cd43681f8e54d570327a92a40d7ac3e47b5de3af1f
   languageName: node
   linkType: hard
 
-"@jest/environment@npm:^28.0.2":
-  version: 28.0.2
-  resolution: "@jest/environment@npm:28.0.2"
+"@jest/environment@npm:^28.1.0":
+  version: 28.1.0
+  resolution: "@jest/environment@npm:28.1.0"
   dependencies:
-    "@jest/fake-timers": ^28.0.2
-    "@jest/types": ^28.0.2
+    "@jest/fake-timers": ^28.1.0
+    "@jest/types": ^28.1.0
     "@types/node": "*"
-    jest-mock: ^28.0.2
-  checksum: 8a42b9695df235d7b35d5a62136e9587e744aee56b7b2e3bda9eaeae62f4db32696ef27f949b4f4105c8e220df0eb42e39395b993862823d2ac2442fda0fdb45
+    jest-mock: ^28.1.0
+  checksum: 376904d6626bb439f96a56ca9d400e1b6b4a5bafb751820fec649238e35cb7d0b9619223ade86c2906e97fae8da03a7b9561c55c1f5850afe9856db89185d754
   languageName: node
   linkType: hard
 
-"@jest/expect-utils@npm:^28.0.2":
-  version: 28.0.2
-  resolution: "@jest/expect-utils@npm:28.0.2"
+"@jest/expect-utils@npm:^28.1.0":
+  version: 28.1.0
+  resolution: "@jest/expect-utils@npm:28.1.0"
   dependencies:
     jest-get-type: ^28.0.2
-  checksum: 09cfff4d9c614c6c5181cb06908ed9524d087e4ff4552401116fe773fc51f45097c7c1bd7061ce9ae0906be012d15bb165639d4b0b5565e951e0cb75ad25fa92
+  checksum: 5b8b463682bd35ae71868020c87dc654ebed65ded4e74ea3c24bd9e1ab4637a7790c8b78c26cdcb832dd227b9981e8dd24eb3b742891637c24c2a3e38ba153e8
   languageName: node
   linkType: hard
 
-"@jest/expect@npm:^28.0.3":
-  version: 28.0.3
-  resolution: "@jest/expect@npm:28.0.3"
+"@jest/expect@npm:^28.1.0":
+  version: 28.1.0
+  resolution: "@jest/expect@npm:28.1.0"
   dependencies:
-    expect: ^28.0.2
-    jest-snapshot: ^28.0.3
-  checksum: 5e3f82c88e9d95c872250c700aa40327d8108804d9724d68968a926df482e5cec7aaa6066f31dd1d382014e6ee3980e7597cfde1004e80b510201fbd0c86c992
+    expect: ^28.1.0
+    jest-snapshot: ^28.1.0
+  checksum: e596bc2a2d02d66cb3e23982c6a48cfe24aa31932f594db7de6966db6c0b58f7aad3836a71debb8aeda6178116c35160e11ded42a355a94457f6402cbb2186e3
   languageName: node
   linkType: hard
 
-"@jest/fake-timers@npm:^28.0.2":
-  version: 28.0.2
-  resolution: "@jest/fake-timers@npm:28.0.2"
+"@jest/fake-timers@npm:^28.1.0":
+  version: 28.1.0
+  resolution: "@jest/fake-timers@npm:28.1.0"
   dependencies:
-    "@jest/types": ^28.0.2
+    "@jest/types": ^28.1.0
     "@sinonjs/fake-timers": ^9.1.1
     "@types/node": "*"
-    jest-message-util: ^28.0.2
-    jest-mock: ^28.0.2
-    jest-util: ^28.0.2
-  checksum: b0bc1e3e0f7fa5d62334a453793030b9183c68e2ea3c3a7faf37ff5f1bf8fe3923a0b78619afc5d6a6186dadb6cd809499bbdb8103a209f6b72c0af73df7aa2e
+    jest-message-util: ^28.1.0
+    jest-mock: ^28.1.0
+    jest-util: ^28.1.0
+  checksum: d24375bcd52873f1e602ff02ffe57c6866570b95ec0be167a4734d051047b2c6b3dab69b2a301a390a0ca2de2ad89fd2b23e991c09a1a3b70b1dd4763c8681c7
   languageName: node
   linkType: hard
 
-"@jest/globals@npm:^28.0.3":
-  version: 28.0.3
-  resolution: "@jest/globals@npm:28.0.3"
+"@jest/globals@npm:^28.1.0":
+  version: 28.1.0
+  resolution: "@jest/globals@npm:28.1.0"
   dependencies:
-    "@jest/environment": ^28.0.2
-    "@jest/expect": ^28.0.3
-    "@jest/types": ^28.0.2
-  checksum: 7580c56b4f24d8af70fe564d8d17597a0d0b0c0bdb1a5f962dc3e678f0235ac9559819d2740a921acdc876457c157f5cb0047fa4ff1a91c1f60b8ec42745620d
+    "@jest/environment": ^28.1.0
+    "@jest/expect": ^28.1.0
+    "@jest/types": ^28.1.0
+  checksum: dce822edd1810430ce381235f714be705a9c774c00bf109d9d5df0dc4868371da62520832df99e83635ee1fc1fa4241cf617821b4e3b1a8bcd3fcd91aa8a75a7
   languageName: node
   linkType: hard
 
-"@jest/reporters@npm:^28.0.3":
-  version: 28.0.3
-  resolution: "@jest/reporters@npm:28.0.3"
+"@jest/reporters@npm:^28.1.0":
+  version: 28.1.0
+  resolution: "@jest/reporters@npm:28.1.0"
   dependencies:
     "@bcoe/v8-coverage": ^0.2.3
-    "@jest/console": ^28.0.2
-    "@jest/test-result": ^28.0.2
-    "@jest/transform": ^28.0.3
-    "@jest/types": ^28.0.2
+    "@jest/console": ^28.1.0
+    "@jest/test-result": ^28.1.0
+    "@jest/transform": ^28.1.0
+    "@jest/types": ^28.1.0
     "@jridgewell/trace-mapping": ^0.3.7
     "@types/node": "*"
     chalk: ^4.0.0
@@ -3144,10 +3158,11 @@ __metadata:
     istanbul-lib-report: ^3.0.0
     istanbul-lib-source-maps: ^4.0.0
     istanbul-reports: ^3.1.3
-    jest-util: ^28.0.2
-    jest-worker: ^28.0.2
+    jest-util: ^28.1.0
+    jest-worker: ^28.1.0
     slash: ^3.0.0
     string-length: ^4.0.1
+    strip-ansi: ^6.0.0
     terminal-link: ^2.0.0
     v8-to-istanbul: ^9.0.0
   peerDependencies:
@@ -3155,7 +3170,7 @@ __metadata:
   peerDependenciesMeta:
     node-notifier:
       optional: true
-  checksum: 4b5332881bbf0793f57574e0d9f46c0c1557c796668518f485d7e5bc49c1f5bc048c469b413599ad4dbf484bfd99a795834cf4469f20b186cd366bef8725379c
+  checksum: 19ec066ba219508ce6f5e0f0b29f26f906367372b1ddcc2d615cd842e53a10bdd02b87c8b04653e103a2e22b56d96e9af99573d9a84c6adab606158e5383d09f
   languageName: node
   linkType: hard
 
@@ -3191,38 +3206,50 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@jest/test-sequencer@npm:^28.0.2":
-  version: 28.0.2
-  resolution: "@jest/test-sequencer@npm:28.0.2"
+"@jest/test-result@npm:^28.1.0":
+  version: 28.1.0
+  resolution: "@jest/test-result@npm:28.1.0"
   dependencies:
-    "@jest/test-result": ^28.0.2
+    "@jest/console": ^28.1.0
+    "@jest/types": ^28.1.0
+    "@types/istanbul-lib-coverage": ^2.0.0
+    collect-v8-coverage: ^1.0.0
+  checksum: 7f0cf04b8c27a2dbe2eb1b7ac53635e0112fa2000b80b016992a0ca8b495980c11e758b902606f3bb24fb96aa4d5a24730c1fcdacb82d105cd782e210ae412d2
+  languageName: node
+  linkType: hard
+
+"@jest/test-sequencer@npm:^28.1.0":
+  version: 28.1.0
+  resolution: "@jest/test-sequencer@npm:28.1.0"
+  dependencies:
+    "@jest/test-result": ^28.1.0
     graceful-fs: ^4.2.9
-    jest-haste-map: ^28.0.2
+    jest-haste-map: ^28.1.0
     slash: ^3.0.0
-  checksum: 0c6ac44daf289d8fddd526d5548c51175c6b71a3063e465941915295e2e030163d8f777c85fb592297650b3b7e0bd0a66c940b82225bef95a9348454fc006d4f
+  checksum: ecd87ca73d1e58ebc6a4de46176c49a0e92c2dc4b41fbd09945b7bd1379ec09ae37804cab3f41c452eea8d1ca71d31a32b602c4e3147ad74c0b0e3a50184cedd
   languageName: node
   linkType: hard
 
-"@jest/transform@npm:^28.0.3":
-  version: 28.0.3
-  resolution: "@jest/transform@npm:28.0.3"
+"@jest/transform@npm:^28.1.0":
+  version: 28.1.0
+  resolution: "@jest/transform@npm:28.1.0"
   dependencies:
     "@babel/core": ^7.11.6
-    "@jest/types": ^28.0.2
+    "@jest/types": ^28.1.0
     "@jridgewell/trace-mapping": ^0.3.7
     babel-plugin-istanbul: ^6.1.1
     chalk: ^4.0.0
     convert-source-map: ^1.4.0
     fast-json-stable-stringify: ^2.0.0
     graceful-fs: ^4.2.9
-    jest-haste-map: ^28.0.2
+    jest-haste-map: ^28.1.0
     jest-regex-util: ^28.0.2
-    jest-util: ^28.0.2
+    jest-util: ^28.1.0
     micromatch: ^4.0.4
     pirates: ^4.0.4
     slash: ^3.0.0
     write-file-atomic: ^4.0.1
-  checksum: 721a7cc946ce4f4026f0d2a98f89edd5ea404b45f4722e6e6337da57f90bfcc30c398a47f7fe4a8e315f13cafe5f28e0b87877deef12c3723d90df92d4f4d63f
+  checksum: f7417409c466fa1b4d8f9f7d365c8c1ed07e709e8712279180a87e9da8520ab06518de270b290148034d93f666d7826449b5e40cac34cc5f7225980e8991f2ba
   languageName: node
   linkType: hard
 
@@ -3240,6 +3267,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@jest/types@npm:^28.1.0":
+  version: 28.1.0
+  resolution: "@jest/types@npm:28.1.0"
+  dependencies:
+    "@jest/schemas": ^28.0.2
+    "@types/istanbul-lib-coverage": ^2.0.0
+    "@types/istanbul-reports": ^3.0.0
+    "@types/node": "*"
+    "@types/yargs": ^17.0.8
+    chalk: ^4.0.0
+  checksum: 22705aed92a76d45465a6c51147bc71c1fbd300b912ebad2769e3ff7fd51c1938017e29fcea52e00c00dab7130697359b2a2c2be6ee601e37c8b1042a2c4040e
+  languageName: node
+  linkType: hard
+
 "@jridgewell/gen-mapping@npm:^0.1.0":
   version: 0.1.1
   resolution: "@jridgewell/gen-mapping@npm:0.1.1"
@@ -5227,11 +5268,11 @@ __metadata:
   languageName: node
   linkType: hard
 
-"babel-jest@npm:28.0.3, babel-jest@npm:^28.0.3":
-  version: 28.0.3
-  resolution: "babel-jest@npm:28.0.3"
+"babel-jest@npm:28.1.0, babel-jest@npm:^28.1.0":
+  version: 28.1.0
+  resolution: "babel-jest@npm:28.1.0"
   dependencies:
-    "@jest/transform": ^28.0.3
+    "@jest/transform": ^28.1.0
     "@types/babel__core": ^7.1.14
     babel-plugin-istanbul: ^6.1.1
     babel-preset-jest: ^28.0.2
@@ -5240,7 +5281,7 @@ __metadata:
     slash: ^3.0.0
   peerDependencies:
     "@babel/core": ^7.8.0
-  checksum: 4b5d7ce7f6ee200cd0d6fabc5ee8ca404adc169bd36f1a14526f9d32cec54a4f66ffb501761fa8b2d779f6c9638cf14267d10ec42990f899b8261c8a9e283064
+  checksum: b09195e04d58a763aa06423ffd6f3c4d1be0b40626fbbc65ca7c5668562d23624f36aee0821d9fef7496eb6a6df45c9215025451f1a64d064bfd4b0279cbe4c8
   languageName: node
   linkType: hard
 
@@ -7586,16 +7627,16 @@ __metadata:
   languageName: node
   linkType: hard
 
-"expect@npm:^28.0.2":
-  version: 28.0.2
-  resolution: "expect@npm:28.0.2"
+"expect@npm:^28.1.0":
+  version: 28.1.0
+  resolution: "expect@npm:28.1.0"
   dependencies:
-    "@jest/expect-utils": ^28.0.2
+    "@jest/expect-utils": ^28.1.0
     jest-get-type: ^28.0.2
-    jest-matcher-utils: ^28.0.2
-    jest-message-util: ^28.0.2
-    jest-util: ^28.0.2
-  checksum: 5b638e30da6c07df46d915da5268c9dcd9d942c635b351d34b691815d35743771a1d7014e3ba11aef6d4da19f5578e1920b1711396cf1f65241e6b8571a3ae3f
+    jest-matcher-utils: ^28.1.0
+    jest-message-util: ^28.1.0
+    jest-util: ^28.1.0
+  checksum: 53bfa2e094a7d5b270ce9a8dafc5432d51bb369287502acd373b66fe01072260bacd1f83bf741d5de49b008406781ab879a0247f5f6fc10d3f32fbe5a3ccfbdf
   languageName: node
   linkType: hard
 
@@ -9476,47 +9517,47 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-circus@npm:^28.0.3":
-  version: 28.0.3
-  resolution: "jest-circus@npm:28.0.3"
+"jest-circus@npm:^28.1.0":
+  version: 28.1.0
+  resolution: "jest-circus@npm:28.1.0"
   dependencies:
-    "@jest/environment": ^28.0.2
-    "@jest/expect": ^28.0.3
-    "@jest/test-result": ^28.0.2
-    "@jest/types": ^28.0.2
+    "@jest/environment": ^28.1.0
+    "@jest/expect": ^28.1.0
+    "@jest/test-result": ^28.1.0
+    "@jest/types": ^28.1.0
     "@types/node": "*"
     chalk: ^4.0.0
     co: ^4.6.0
     dedent: ^0.7.0
     is-generator-fn: ^2.0.0
-    jest-each: ^28.0.2
-    jest-matcher-utils: ^28.0.2
-    jest-message-util: ^28.0.2
-    jest-runtime: ^28.0.3
-    jest-snapshot: ^28.0.3
-    jest-util: ^28.0.2
-    pretty-format: ^28.0.2
+    jest-each: ^28.1.0
+    jest-matcher-utils: ^28.1.0
+    jest-message-util: ^28.1.0
+    jest-runtime: ^28.1.0
+    jest-snapshot: ^28.1.0
+    jest-util: ^28.1.0
+    pretty-format: ^28.1.0
     slash: ^3.0.0
     stack-utils: ^2.0.3
     throat: ^6.0.1
-  checksum: d3a5212c10a73a29644ad930211102ee706d840df0d7831fe7072171a7836801a2d2a7a938c08c794ed2bb581f418ed8ee788015375ca1b4171c470d244776f2
+  checksum: 29b3f6936671947b81c507132f2afeadf1789cefa1a3849d7ba6a2a32c532016c8df9a647cea6e286050b7d97f1244746175fe9fe768dd38f5bba329aa6c5bc7
   languageName: node
   linkType: hard
 
-"jest-cli@npm:^28.0.3":
-  version: 28.0.3
-  resolution: "jest-cli@npm:28.0.3"
+"jest-cli@npm:^28.1.0":
+  version: 28.1.0
+  resolution: "jest-cli@npm:28.1.0"
   dependencies:
-    "@jest/core": ^28.0.3
-    "@jest/test-result": ^28.0.2
-    "@jest/types": ^28.0.2
+    "@jest/core": ^28.1.0
+    "@jest/test-result": ^28.1.0
+    "@jest/types": ^28.1.0
     chalk: ^4.0.0
     exit: ^0.1.2
     graceful-fs: ^4.2.9
     import-local: ^3.0.2
-    jest-config: ^28.0.3
-    jest-util: ^28.0.2
-    jest-validate: ^28.0.2
+    jest-config: ^28.1.0
+    jest-util: ^28.1.0
+    jest-validate: ^28.1.0
     prompts: ^2.0.1
     yargs: ^17.3.1
   peerDependencies:
@@ -9526,34 +9567,34 @@ __metadata:
       optional: true
   bin:
     jest: bin/jest.js
-  checksum: e75815a8b2eada844b099dfff4a5a038937fc7e40b944104538ac875f81317897183a854c118cd9f49525d10658b742b15d9664ec76125e3bdb72272ac174a89
+  checksum: 9da98d9a7a0b670f610943be708205988030fd094029f8a64b258a5a5ef18c0b527ec7019e6b95802f2baa2241bb2d6caf31ef4fd530bcf176737e4ede1d9d79
   languageName: node
   linkType: hard
 
-"jest-config@npm:^28.0.3":
-  version: 28.0.3
-  resolution: "jest-config@npm:28.0.3"
+"jest-config@npm:^28.1.0":
+  version: 28.1.0
+  resolution: "jest-config@npm:28.1.0"
   dependencies:
     "@babel/core": ^7.11.6
-    "@jest/test-sequencer": ^28.0.2
-    "@jest/types": ^28.0.2
-    babel-jest: ^28.0.3
+    "@jest/test-sequencer": ^28.1.0
+    "@jest/types": ^28.1.0
+    babel-jest: ^28.1.0
     chalk: ^4.0.0
     ci-info: ^3.2.0
     deepmerge: ^4.2.2
     glob: ^7.1.3
     graceful-fs: ^4.2.9
-    jest-circus: ^28.0.3
-    jest-environment-node: ^28.0.2
+    jest-circus: ^28.1.0
+    jest-environment-node: ^28.1.0
     jest-get-type: ^28.0.2
     jest-regex-util: ^28.0.2
-    jest-resolve: ^28.0.3
-    jest-runner: ^28.0.3
-    jest-util: ^28.0.2
-    jest-validate: ^28.0.2
+    jest-resolve: ^28.1.0
+    jest-runner: ^28.1.0
+    jest-util: ^28.1.0
+    jest-validate: ^28.1.0
     micromatch: ^4.0.4
     parse-json: ^5.2.0
-    pretty-format: ^28.0.2
+    pretty-format: ^28.1.0
     slash: ^3.0.0
     strip-json-comments: ^3.1.1
   peerDependencies:
@@ -9564,7 +9605,7 @@ __metadata:
       optional: true
     ts-node:
       optional: true
-  checksum: 8d63aadbe895c4704ec4e6df1badb8bb436dcfa3f13c914833f9ca65ab558118124ce15854b1680e29ec45596df5449af8cebefba9b3df1c6dc2d8fd361134d4
+  checksum: 48bfbef4334a187ce6873fd515230e521f500fe2ae57e43ec5747abee95a80583e784cfb99dd1b11664774f33da63758cc63d4a2b2ecf95c8984f2a880cd773e
   languageName: node
   linkType: hard
 
@@ -9580,15 +9621,15 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-diff@npm:^28.0.2":
-  version: 28.0.2
-  resolution: "jest-diff@npm:28.0.2"
+"jest-diff@npm:^28.1.0":
+  version: 28.1.0
+  resolution: "jest-diff@npm:28.1.0"
   dependencies:
     chalk: ^4.0.0
     diff-sequences: ^28.0.2
     jest-get-type: ^28.0.2
-    pretty-format: ^28.0.2
-  checksum: 71601b7a20840da9b4306d22c0d88a61116f169036f7261a5f6edf9ec8800e1dfe2cc854a9b5b628bc84a2952cd5a23e5f88bda4a6979fb1dc3b863b2d9ac080
+    pretty-format: ^28.1.0
+  checksum: 4d90d9d18ba1d28f5520fa206831e9e8199facf28c6d2b4967c7e4cd1ee78e7e826187babdeb02073f79a1d2c186520d73f77fa29877c6547b0a79392d08a513
   languageName: node
   linkType: hard
 
@@ -9601,46 +9642,46 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-each@npm:^28.0.2":
-  version: 28.0.2
-  resolution: "jest-each@npm:28.0.2"
+"jest-each@npm:^28.1.0":
+  version: 28.1.0
+  resolution: "jest-each@npm:28.1.0"
   dependencies:
-    "@jest/types": ^28.0.2
+    "@jest/types": ^28.1.0
     chalk: ^4.0.0
     jest-get-type: ^28.0.2
-    jest-util: ^28.0.2
-    pretty-format: ^28.0.2
-  checksum: 37fa9e23115ff88f180580ee2ecf4433732bddb5a522cf4e990ffcb51981eae7ae2cfbcc6ef9cb4029085dbeaf9d26cd6a3af3007f5d06622a32e3e10db0ffcb
+    jest-util: ^28.1.0
+    pretty-format: ^28.1.0
+  checksum: a3d650c0c12a4bf4d4497b9de8aceb0dd96a6183dd8016ae1e4a16b11a81e0e29a58e23b0a1f5a6ca6135156041fd6bf2a4557b9d1ecd33dd417d3cb0e8005a0
   languageName: node
   linkType: hard
 
-"jest-environment-jsdom@npm:28.0.2":
-  version: 28.0.2
-  resolution: "jest-environment-jsdom@npm:28.0.2"
+"jest-environment-jsdom@npm:28.1.0":
+  version: 28.1.0
+  resolution: "jest-environment-jsdom@npm:28.1.0"
   dependencies:
-    "@jest/environment": ^28.0.2
-    "@jest/fake-timers": ^28.0.2
-    "@jest/types": ^28.0.2
+    "@jest/environment": ^28.1.0
+    "@jest/fake-timers": ^28.1.0
+    "@jest/types": ^28.1.0
     "@types/jsdom": ^16.2.4
     "@types/node": "*"
-    jest-mock: ^28.0.2
-    jest-util: ^28.0.2
+    jest-mock: ^28.1.0
+    jest-util: ^28.1.0
     jsdom: ^19.0.0
-  checksum: 929281e79ec2826366110e8b550c720ebffc8ffef07d806c130e466508475b588a83a201bc66922525d53750adcbc4a9dfd75db37d8ba8a6ef6acbd7c2d27295
+  checksum: b1e3354a4a6fe1486cc6cd597460e6851c4f575770582e6ade7cca852ce9af9c421cb42f071863a37a0ad81e5d57443d99b1d8b2f39eac5acde8134a29e759d2
   languageName: node
   linkType: hard
 
-"jest-environment-node@npm:^28.0.2":
-  version: 28.0.2
-  resolution: "jest-environment-node@npm:28.0.2"
+"jest-environment-node@npm:^28.1.0":
+  version: 28.1.0
+  resolution: "jest-environment-node@npm:28.1.0"
   dependencies:
-    "@jest/environment": ^28.0.2
-    "@jest/fake-timers": ^28.0.2
-    "@jest/types": ^28.0.2
+    "@jest/environment": ^28.1.0
+    "@jest/fake-timers": ^28.1.0
+    "@jest/types": ^28.1.0
     "@types/node": "*"
-    jest-mock: ^28.0.2
-    jest-util: ^28.0.2
-  checksum: 75a0ce6b9b890ce2cf99296da151ed384a8402ab2d141181020d2cdc407cf059617fde265079255d4b0892964d805e07e4295473b422a4667263afd9f95e7e2d
+    jest-mock: ^28.1.0
+    jest-util: ^28.1.0
+  checksum: e65e83962b6d6d8879611e230d878cd2690acd20d1295071f67de7b02dfc4194438961be2a73acf005fc022fb2f73f9dafd50c23088d4e6b70156f8998b19beb
   languageName: node
   linkType: hard
 
@@ -9670,11 +9711,11 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-haste-map@npm:^28.0.2":
-  version: 28.0.2
-  resolution: "jest-haste-map@npm:28.0.2"
+"jest-haste-map@npm:^28.1.0":
+  version: 28.1.0
+  resolution: "jest-haste-map@npm:28.1.0"
   dependencies:
-    "@jest/types": ^28.0.2
+    "@jest/types": ^28.1.0
     "@types/graceful-fs": ^4.1.3
     "@types/node": "*"
     anymatch: ^3.0.3
@@ -9682,24 +9723,24 @@ __metadata:
     fsevents: ^2.3.2
     graceful-fs: ^4.2.9
     jest-regex-util: ^28.0.2
-    jest-util: ^28.0.2
-    jest-worker: ^28.0.2
+    jest-util: ^28.1.0
+    jest-worker: ^28.1.0
     micromatch: ^4.0.4
     walker: ^1.0.7
   dependenciesMeta:
     fsevents:
       optional: true
-  checksum: c1e9cb964dcfc6955272447b728ba8136fc1ec3ec41ab1e551f6c19c93c558c840278cf41b198410fe2cbb2ae7764a27f8566c226a096b5e896a0f7113f87a39
+  checksum: 128c2d1aa39610febfc9fe66bbc40bb847d89da3e1646ed1bbe63e90bd4c930d1798d20aef8d928fda8e5b0570f05f1cbb263030ebe776c01bb86dd5174434da
   languageName: node
   linkType: hard
 
-"jest-leak-detector@npm:^28.0.2":
-  version: 28.0.2
-  resolution: "jest-leak-detector@npm:28.0.2"
+"jest-leak-detector@npm:^28.1.0":
+  version: 28.1.0
+  resolution: "jest-leak-detector@npm:28.1.0"
   dependencies:
     jest-get-type: ^28.0.2
-    pretty-format: ^28.0.2
-  checksum: 2e2e0a70304791bea961668d1864315583200a6acad004b2ab5688691397473d99dc932000006e71e0ba0c54a981a60eebcd5942d1d77e6ff9043a7c291b0167
+    pretty-format: ^28.1.0
+  checksum: 911eec6b96d389c1e7741c8df85e030a9618e38105c7e71f6f2c1284a02d033fec4e6a8916385f17fd5ed0ffffb8491ac887f5b3de11d0265d8415598e9c0ae6
   languageName: node
   linkType: hard
 
@@ -9715,15 +9756,15 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-matcher-utils@npm:^28.0.2":
-  version: 28.0.2
-  resolution: "jest-matcher-utils@npm:28.0.2"
+"jest-matcher-utils@npm:^28.1.0":
+  version: 28.1.0
+  resolution: "jest-matcher-utils@npm:28.1.0"
   dependencies:
     chalk: ^4.0.0
-    jest-diff: ^28.0.2
+    jest-diff: ^28.1.0
     jest-get-type: ^28.0.2
-    pretty-format: ^28.0.2
-  checksum: 3c6fab0746d4f034de681c853171a7ff5cf72226c54257225c0199762667c38457aa07f0ce61a007e94c87ac712f704535a250b5b552147b1ec521dcdea1ee89
+    pretty-format: ^28.1.0
+  checksum: 60e3e83fff67402972b101135d44443981d6519008e435b567f197220f330ec38356f905b6872348d082f0a2a4089612f63d2c72f55ee3c718de6b0ef03f4d6d
   languageName: node
   linkType: hard
 
@@ -9744,13 +9785,30 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-mock@npm:^28.0.2":
-  version: 28.0.2
-  resolution: "jest-mock@npm:28.0.2"
+"jest-message-util@npm:^28.1.0":
+  version: 28.1.0
+  resolution: "jest-message-util@npm:28.1.0"
   dependencies:
-    "@jest/types": ^28.0.2
+    "@babel/code-frame": ^7.12.13
+    "@jest/types": ^28.1.0
+    "@types/stack-utils": ^2.0.0
+    chalk: ^4.0.0
+    graceful-fs: ^4.2.9
+    micromatch: ^4.0.4
+    pretty-format: ^28.1.0
+    slash: ^3.0.0
+    stack-utils: ^2.0.3
+  checksum: a224f9dbb53b5ad857918938f94c6e5d9c64ccdd42e0780b3b485d66bd93c82cff7dd91fbe274273efb69533d79808f9c98622b23d70ec027e8619a20e283773
+  languageName: node
+  linkType: hard
+
+"jest-mock@npm:^28.1.0":
+  version: 28.1.0
+  resolution: "jest-mock@npm:28.1.0"
+  dependencies:
+    "@jest/types": ^28.1.0
     "@types/node": "*"
-  checksum: 81d466d9b2e2dacd0fed88264182e5d4338a0f95c9d6275532387796e81b649cd4d9719807814efdd58e2ce6858b6a8d189d59c2fed030bfe93cd108ffe9c62c
+  checksum: 013428db82f418059314588e5d02a2a8f6697940ffeb1b1a23f61e9b94b1dca3ea0061d91f284e217bf0ce0e5251ff8f2f182a393cecd1ec6788d766cc18ded4
   languageName: node
   linkType: hard
 
@@ -9773,120 +9831,120 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-resolve-dependencies@npm:^28.0.3":
-  version: 28.0.3
-  resolution: "jest-resolve-dependencies@npm:28.0.3"
+"jest-resolve-dependencies@npm:^28.1.0":
+  version: 28.1.0
+  resolution: "jest-resolve-dependencies@npm:28.1.0"
   dependencies:
     jest-regex-util: ^28.0.2
-    jest-snapshot: ^28.0.3
-  checksum: 86a5ade0130b6b437582cedbd6e5a5eeabde7efdacb16be3195553cc64e558b9009631a0c66e471b92cabe2bce0ab066373562f6bd0f6240254b29e6719716a3
+    jest-snapshot: ^28.1.0
+  checksum: 0720ab19285ee64b7dad65c2feff08323660e9ff9c09380011a45d4af58dcf6a6710f10bbe80986ffe2452e11d09be0974d42163c31e832be4fab6c348b4dea5
   languageName: node
   linkType: hard
 
-"jest-resolve@npm:^28.0.3":
-  version: 28.0.3
-  resolution: "jest-resolve@npm:28.0.3"
+"jest-resolve@npm:^28.1.0":
+  version: 28.1.0
+  resolution: "jest-resolve@npm:28.1.0"
   dependencies:
     chalk: ^4.0.0
     graceful-fs: ^4.2.9
-    jest-haste-map: ^28.0.2
+    jest-haste-map: ^28.1.0
     jest-pnp-resolver: ^1.2.2
-    jest-util: ^28.0.2
-    jest-validate: ^28.0.2
+    jest-util: ^28.1.0
+    jest-validate: ^28.1.0
     resolve: ^1.20.0
     resolve.exports: ^1.1.0
     slash: ^3.0.0
-  checksum: e61366049dec12386cca90c029c13ffff31fecb9aff664972a89e864f0aabc2253e352154130ab905c972991c0f58ca907d23ef1733baf8800ee8b13063c10fb
+  checksum: 1a37e3a8a1b49a148c4611f85cb27dbb6b0b2d1b76b8a52ddfeb340a74f6d2a7851ba8ba2374948a21024d56592f32b48e3142e9fd813a0fcea4d1db3602ec77
   languageName: node
   linkType: hard
 
-"jest-runner@npm:^28.0.3":
-  version: 28.0.3
-  resolution: "jest-runner@npm:28.0.3"
+"jest-runner@npm:^28.1.0":
+  version: 28.1.0
+  resolution: "jest-runner@npm:28.1.0"
   dependencies:
-    "@jest/console": ^28.0.2
-    "@jest/environment": ^28.0.2
-    "@jest/test-result": ^28.0.2
-    "@jest/transform": ^28.0.3
-    "@jest/types": ^28.0.2
+    "@jest/console": ^28.1.0
+    "@jest/environment": ^28.1.0
+    "@jest/test-result": ^28.1.0
+    "@jest/transform": ^28.1.0
+    "@jest/types": ^28.1.0
     "@types/node": "*"
     chalk: ^4.0.0
     emittery: ^0.10.2
     graceful-fs: ^4.2.9
     jest-docblock: ^28.0.2
-    jest-environment-node: ^28.0.2
-    jest-haste-map: ^28.0.2
-    jest-leak-detector: ^28.0.2
-    jest-message-util: ^28.0.2
-    jest-resolve: ^28.0.3
-    jest-runtime: ^28.0.3
-    jest-util: ^28.0.2
-    jest-watcher: ^28.0.2
-    jest-worker: ^28.0.2
+    jest-environment-node: ^28.1.0
+    jest-haste-map: ^28.1.0
+    jest-leak-detector: ^28.1.0
+    jest-message-util: ^28.1.0
+    jest-resolve: ^28.1.0
+    jest-runtime: ^28.1.0
+    jest-util: ^28.1.0
+    jest-watcher: ^28.1.0
+    jest-worker: ^28.1.0
     source-map-support: 0.5.13
     throat: ^6.0.1
-  checksum: dcdf21c93b2f2612a1b407493ae3562a52d800de1c88fcebd929acaa650b26e7b7527a10a563fade853983d1b0bfb438ed6a297405fe088fca9ed25b6a2fe16a
+  checksum: 79f622a06e7b4f065b6ad14633ddb3ebabdacc479d4059a17bad4470570f941623957701cf08a3efe49c0cf04f78830fc07270ad8ad759b623a9de1bcb93c45f
   languageName: node
   linkType: hard
 
-"jest-runtime@npm:^28.0.3":
-  version: 28.0.3
-  resolution: "jest-runtime@npm:28.0.3"
+"jest-runtime@npm:^28.1.0":
+  version: 28.1.0
+  resolution: "jest-runtime@npm:28.1.0"
   dependencies:
-    "@jest/environment": ^28.0.2
-    "@jest/fake-timers": ^28.0.2
-    "@jest/globals": ^28.0.3
+    "@jest/environment": ^28.1.0
+    "@jest/fake-timers": ^28.1.0
+    "@jest/globals": ^28.1.0
     "@jest/source-map": ^28.0.2
-    "@jest/test-result": ^28.0.2
-    "@jest/transform": ^28.0.3
-    "@jest/types": ^28.0.2
+    "@jest/test-result": ^28.1.0
+    "@jest/transform": ^28.1.0
+    "@jest/types": ^28.1.0
     chalk: ^4.0.0
     cjs-module-lexer: ^1.0.0
     collect-v8-coverage: ^1.0.0
     execa: ^5.0.0
     glob: ^7.1.3
     graceful-fs: ^4.2.9
-    jest-haste-map: ^28.0.2
-    jest-message-util: ^28.0.2
-    jest-mock: ^28.0.2
+    jest-haste-map: ^28.1.0
+    jest-message-util: ^28.1.0
+    jest-mock: ^28.1.0
     jest-regex-util: ^28.0.2
-    jest-resolve: ^28.0.3
-    jest-snapshot: ^28.0.3
-    jest-util: ^28.0.2
+    jest-resolve: ^28.1.0
+    jest-snapshot: ^28.1.0
+    jest-util: ^28.1.0
     slash: ^3.0.0
     strip-bom: ^4.0.0
-  checksum: 02fd3ec8fd16e1a5fe385be68bb32ad1157fd1c2704c640a3c01b827af207a9cb92c787f8497d31a1145b052b37afa55d0101c07b35eb65b47d163e3ae2e9870
+  checksum: e3a01bbbf6ffb28174303e2d2c043fb766b178a6354186dcbe8e8cc8e706162ecfb2b6f49d71ec7b2459dc6701979ffeee003fdf153492b9e74a846cf11af5d8
   languageName: node
   linkType: hard
 
-"jest-snapshot@npm:^28.0.3":
-  version: 28.0.3
-  resolution: "jest-snapshot@npm:28.0.3"
+"jest-snapshot@npm:^28.1.0":
+  version: 28.1.0
+  resolution: "jest-snapshot@npm:28.1.0"
   dependencies:
     "@babel/core": ^7.11.6
     "@babel/generator": ^7.7.2
     "@babel/plugin-syntax-typescript": ^7.7.2
     "@babel/traverse": ^7.7.2
     "@babel/types": ^7.3.3
-    "@jest/expect-utils": ^28.0.2
-    "@jest/transform": ^28.0.3
-    "@jest/types": ^28.0.2
+    "@jest/expect-utils": ^28.1.0
+    "@jest/transform": ^28.1.0
+    "@jest/types": ^28.1.0
     "@types/babel__traverse": ^7.0.6
     "@types/prettier": ^2.1.5
     babel-preset-current-node-syntax: ^1.0.0
     chalk: ^4.0.0
-    expect: ^28.0.2
+    expect: ^28.1.0
     graceful-fs: ^4.2.9
-    jest-diff: ^28.0.2
+    jest-diff: ^28.1.0
     jest-get-type: ^28.0.2
-    jest-haste-map: ^28.0.2
-    jest-matcher-utils: ^28.0.2
-    jest-message-util: ^28.0.2
-    jest-util: ^28.0.2
+    jest-haste-map: ^28.1.0
+    jest-matcher-utils: ^28.1.0
+    jest-message-util: ^28.1.0
+    jest-util: ^28.1.0
     natural-compare: ^1.4.0
-    pretty-format: ^28.0.2
+    pretty-format: ^28.1.0
     semver: ^7.3.5
-  checksum: e4f576dc237958ff9f2f74c2568a1657898e8843dc382d19743a784b7761e78538a598ecd9ef338f44effcfb44a96b10383ed0755ad6f95285fc9ae749f68951
+  checksum: 73695484cf4e2af9d0dbb8bc1e851f6d6217cc740aa93b521012c253fbbd9dc1ce11b147ac3e18cac8358b4b64fe36a1b8a6d1a3083c9d275dd937281faad818
   languageName: node
   linkType: hard
 
@@ -9904,17 +9962,31 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-validate@npm:^28.0.2":
-  version: 28.0.2
-  resolution: "jest-validate@npm:28.0.2"
+"jest-util@npm:^28.1.0":
+  version: 28.1.0
+  resolution: "jest-util@npm:28.1.0"
   dependencies:
-    "@jest/types": ^28.0.2
+    "@jest/types": ^28.1.0
+    "@types/node": "*"
+    chalk: ^4.0.0
+    ci-info: ^3.2.0
+    graceful-fs: ^4.2.9
+    picomatch: ^2.2.3
+  checksum: 14c2ee1c24c6efa2d7adfe81ece8b9bbda78fa871f40bed80db72726166e96f7fb22bf1d9fb1689fb433b9bcd748027eb1ee5f0851a12f1aa1c49ee0bd4d7508
+  languageName: node
+  linkType: hard
+
+"jest-validate@npm:^28.1.0":
+  version: 28.1.0
+  resolution: "jest-validate@npm:28.1.0"
+  dependencies:
+    "@jest/types": ^28.1.0
     camelcase: ^6.2.0
     chalk: ^4.0.0
     jest-get-type: ^28.0.2
     leven: ^3.1.0
-    pretty-format: ^28.0.2
-  checksum: 91338873adfbf5db68b2453b8c3abbe0454a918799a3a3697af860439f4481563d01834e69cd8a44de7cd8e9b8a42e94d9facedc1bc5bf461fa46caefb7df054
+    pretty-format: ^28.1.0
+  checksum: 79f9fe39f15bb47b15da39e19a1b2ba948830b6da53ccf359857cdeaca62cd87721585b0137576e7d1d2b2d7e5b79fdfb57d5b80e6ce3c8a93865d6032b20e4a
   languageName: node
   linkType: hard
 
@@ -9935,7 +10007,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-watcher@npm:^28.0.0, jest-watcher@npm:^28.0.2":
+"jest-watcher@npm:^28.0.0":
   version: 28.0.2
   resolution: "jest-watcher@npm:28.0.2"
   dependencies:
@@ -9951,6 +10023,22 @@ __metadata:
   languageName: node
   linkType: hard
 
+"jest-watcher@npm:^28.1.0":
+  version: 28.1.0
+  resolution: "jest-watcher@npm:28.1.0"
+  dependencies:
+    "@jest/test-result": ^28.1.0
+    "@jest/types": ^28.1.0
+    "@types/node": "*"
+    ansi-escapes: ^4.2.1
+    chalk: ^4.0.0
+    emittery: ^0.10.2
+    jest-util: ^28.1.0
+    string-length: ^4.0.1
+  checksum: 4a1ae2e1adf933cfa963b0f82cb4fecd863f1b980b7db05dfd856e83637b9380a4476a73dcbe50a70cb49d028999fae0d1bb60d75b410a682d8b3f344a073dda
+  languageName: node
+  linkType: hard
+
 "jest-worker@npm:^27.4.5":
   version: 27.5.1
   resolution: "jest-worker@npm:27.5.1"
@@ -9962,24 +10050,24 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-worker@npm:^28.0.2":
-  version: 28.0.2
-  resolution: "jest-worker@npm:28.0.2"
+"jest-worker@npm:^28.1.0":
+  version: 28.1.0
+  resolution: "jest-worker@npm:28.1.0"
   dependencies:
     "@types/node": "*"
     merge-stream: ^2.0.0
     supports-color: ^8.0.0
-  checksum: c60ee11920fe84390ff8ffdd3bf001e25de718004c5c9c709dd080671a7cd88760d8b894cc5e15caa86dac478ae5d0a360c44f4bac5b86ed7e06c24a5b2ea83d
+  checksum: 44b6cfb03752543e2462f143ca5c9642206f20813068ef0461e793bb8feda85f643ee906d96a0a57728e1a2fb5b89386fd34e44289568b1cee5815c115e7ee02
   languageName: node
   linkType: hard
 
-"jest@npm:28.0.3":
-  version: 28.0.3
-  resolution: "jest@npm:28.0.3"
+"jest@npm:28.1.0":
+  version: 28.1.0
+  resolution: "jest@npm:28.1.0"
   dependencies:
-    "@jest/core": ^28.0.3
+    "@jest/core": ^28.1.0
     import-local: ^3.0.2
-    jest-cli: ^28.0.3
+    jest-cli: ^28.1.0
   peerDependencies:
     node-notifier: ^8.0.1 || ^9.0.0 || ^10.0.0
   peerDependenciesMeta:
@@ -9987,7 +10075,7 @@ __metadata:
       optional: true
   bin:
     jest: bin/jest.js
-  checksum: 2596927a56610b0e41b2eb6a41234ae5fa04208f535b2e36392184a2cc5b3d28a49ac1b9cf3ebd75604210a5fe5cea534ba0b8381a6698faccb4b4c462a44650
+  checksum: f025164c408cf5ddb6e74dac1e8cbaf94c1c31dd1c67aba4ceee5989b2d8a77886db8ed1fb88853b45cf194b14cd802b454bbbe6b278a1e2140250297dc100d3
   languageName: node
   linkType: hard
 
@@ -10240,7 +10328,7 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "legend-studio@workspace:."
   dependencies:
-    "@actions/core": 1.7.0
+    "@actions/core": 1.8.0
     "@actions/github": 5.0.1
     "@babel/core": 7.17.10
     "@changesets/cli": 2.22.0
@@ -10257,7 +10345,7 @@ __metadata:
     fs-extra: 10.1.0
     husky: 7.0.4
     inquirer: 8.2.4
-    jest: 28.0.3
+    jest: 28.1.0
     lint-staged: 12.4.1
     micromatch: 4.0.5
     npm-run-all: 4.1.5
@@ -11494,18 +11582,18 @@ __metadata:
   languageName: node
   linkType: hard
 
-"mobx-react-lite@npm:3.3.0":
-  version: 3.3.0
-  resolution: "mobx-react-lite@npm:3.3.0"
+"mobx-react-lite@npm:3.4.0":
+  version: 3.4.0
+  resolution: "mobx-react-lite@npm:3.4.0"
   peerDependencies:
     mobx: ^6.1.0
-    react: ^16.8.0 || ^17
+    react: ^16.8.0 || ^17 || ^18
   peerDependenciesMeta:
     react-dom:
       optional: true
     react-native:
       optional: true
-  checksum: 0f55bd2009a9cedc6b81d70b88b57dc4161362a16ba6ae0af341e673ca1c627bc3c4088c0cb13133e57e6fa6748b09b4c26aff7fab26c60ed95d27e939846fa3
+  checksum: 9294e127e281c8b37ec7bcaf17de479f50519e6ad485b58d7b991291900511541a5a718653759d3cf6503462c70325d025e1c2ed376d4584fb1b2d3aac9d9b48
   languageName: node
   linkType: hard
 
@@ -12979,15 +13067,15 @@ __metadata:
   languageName: node
   linkType: hard
 
-"pretty-format@npm:28.0.2, pretty-format@npm:^28.0.2":
-  version: 28.0.2
-  resolution: "pretty-format@npm:28.0.2"
+"pretty-format@npm:28.1.0, pretty-format@npm:^28.1.0":
+  version: 28.1.0
+  resolution: "pretty-format@npm:28.1.0"
   dependencies:
     "@jest/schemas": ^28.0.2
     ansi-regex: ^5.0.1
     ansi-styles: ^5.0.0
     react-is: ^18.0.0
-  checksum: 785ce1928f17de0e250496e0413fb9ad883a4d5ebb6e9b346f3094140eb2af096770de8b6d3b8adffc0e9692d031d62a603c851e9f3b81b2670a086ad256ad77
+  checksum: c1018099f8f800693449df96c05c243d94e01f7429b6617e1064a1a69b4d715637fc3c579061fbc31548b87d92af74a7933c6eb3856da6f30b29c0ff67004ce0
   languageName: node
   linkType: hard
 
@@ -13002,6 +13090,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"pretty-format@npm:^28.0.2":
+  version: 28.0.2
+  resolution: "pretty-format@npm:28.0.2"
+  dependencies:
+    "@jest/schemas": ^28.0.2
+    ansi-regex: ^5.0.1
+    ansi-styles: ^5.0.0
+    react-is: ^18.0.0
+  checksum: 785ce1928f17de0e250496e0413fb9ad883a4d5ebb6e9b346f3094140eb2af096770de8b6d3b8adffc0e9692d031d62a603c851e9f3b81b2670a086ad256ad77
+  languageName: node
+  linkType: hard
+
 "process-nextick-args@npm:~2.0.0":
   version: 2.0.1
   resolution: "process-nextick-args@npm:2.0.1"

From df0e881ea25657bb6c65057b71a7852c1021dbab Mon Sep 17 00:00:00 2001
From: An Phi <aphi@skidmore.edu>
Date: Fri, 6 May 2022 14:22:59 -0400
Subject: [PATCH 2/7] upgrade to React 18

---
 .changeset/weak-pianos-give.md                |  31 +
 package.json                                  |   1 -
 packages/babel-preset/package.json            |   2 +-
 packages/eslint-plugin/package.json           |   2 +-
 packages/legend-application/package.json      |  10 +-
 packages/legend-art/package.json              |   8 +-
 .../src/components/CustomSelectorInput.tsx    |   4 +-
 .../src/components/ResizablePanel.tsx         |  30 +-
 .../src/components/menu/ContextMenu.tsx       |   1 +
 .../src/components/menu/DropdownMenu.tsx      |   1 +
 .../src/components/menu/MenuContent.tsx       |   5 +-
 packages/legend-dev-utils/JestConfigUtils.js  |  25 +-
 .../jest/setupDOMPolyfills.js                 |   3 +
 packages/legend-dev-utils/package.json        |   2 +-
 .../package.json                              |   8 +-
 .../legend-extension-dsl-diagram/package.json |  12 +-
 .../package.json                              |   6 +-
 .../legend-extension-dsl-text/package.json    |   6 +-
 .../package.json                              |   6 +-
 .../package.json                              |   2 +-
 packages/legend-graph/package.json            |   2 +-
 packages/legend-query-app/package.json        |   4 +-
 packages/legend-query/package.json            |  16 +-
 .../src/application/LegendQuery.tsx           |   6 +-
 packages/legend-server-depot/package.json     |   2 +-
 packages/legend-server-sdlc/package.json      |   2 +-
 packages/legend-studio-app/package.json       |   4 +-
 .../package.json                              |   6 +-
 .../package.json                              |  10 +-
 packages/legend-studio/package.json           |  16 +-
 .../src/application/LegendStudio.tsx          |  10 +-
 packages/legend-taxonomy-app/package.json     |   4 +-
 packages/legend-taxonomy/package.json         |  10 +-
 .../src/application/LegendTaxonomy.tsx        |   6 +-
 scripts/test/jest.config.base.js              |   3 +
 yarn.lock                                     | 756 ++++++------------
 36 files changed, 435 insertions(+), 587 deletions(-)
 create mode 100644 .changeset/weak-pianos-give.md

diff --git a/.changeset/weak-pianos-give.md b/.changeset/weak-pianos-give.md
new file mode 100644
index 0000000000..d483f7fb7e
--- /dev/null
+++ b/.changeset/weak-pianos-give.md
@@ -0,0 +1,31 @@
+---
+'@finos/babel-preset-legend-studio': patch
+'@finos/eslint-plugin-legend-studio': patch
+'@finos/legend-application': patch
+'@finos/legend-art': patch
+'@finos/legend-dev-utils': patch
+'@finos/legend-extension-dsl-data-space': patch
+'@finos/legend-extension-dsl-diagram': patch
+'@finos/legend-extension-dsl-persistence': patch
+'@finos/legend-extension-dsl-text': patch
+'@finos/legend-extension-external-format-json-schema': patch
+'@finos/legend-extension-external-language-morphir': patch
+'@finos/legend-extension-external-store-service': patch
+'@finos/legend-extension-mapping-generation': patch
+'@finos/legend-graph': patch
+'@finos/legend-graph-extension-collection': patch
+'@finos/legend-manual-tests': patch
+'@finos/legend-model-storage': patch
+'@finos/legend-query': patch
+'@finos/legend-query-app': patch
+'@finos/legend-server-depot': patch
+'@finos/legend-server-sdlc': patch
+'@finos/legend-shared': patch
+'@finos/legend-studio': patch
+'@finos/legend-studio-app': patch
+'@finos/legend-studio-extension-management-toolkit': patch
+'@finos/legend-studio-extension-query-builder': patch
+'@finos/legend-taxonomy': patch
+'@finos/legend-taxonomy-app': patch
+'@finos/legend-tracer-extension-zipkin': patch
+---
diff --git a/package.json b/package.json
index 01b115b9ea..016c14c58c 100644
--- a/package.json
+++ b/package.json
@@ -76,7 +76,6 @@
     "last 2 Chrome versions"
   ],
   "resolutions": {
-    "@types/react": "^17.0.0",
     "async": "^2.6.4",
     "glob-parent": "^6.0.1"
   },
diff --git a/packages/babel-preset/package.json b/packages/babel-preset/package.json
index a3ef4785be..9b9321834f 100644
--- a/packages/babel-preset/package.json
+++ b/packages/babel-preset/package.json
@@ -39,7 +39,7 @@
     "@babel/preset-react": "7.16.7",
     "@babel/preset-typescript": "7.16.7",
     "@babel/runtime": "7.17.9",
-    "react-refresh": "0.11.0"
+    "react-refresh": "0.13.0"
   },
   "devDependencies": {
     "cross-env": "7.0.3",
diff --git a/packages/eslint-plugin/package.json b/packages/eslint-plugin/package.json
index 70ee192f40..b8eca20b8a 100644
--- a/packages/eslint-plugin/package.json
+++ b/packages/eslint-plugin/package.json
@@ -39,7 +39,7 @@
     "eslint-plugin-import": "2.26.0",
     "eslint-plugin-prettier": "4.0.0",
     "eslint-plugin-react": "7.29.4",
-    "eslint-plugin-react-hooks": "4.4.0",
+    "eslint-plugin-react-hooks": "4.5.0",
     "micromatch": "4.0.5",
     "prettier": "2.6.2"
   },
diff --git a/packages/legend-application/package.json b/packages/legend-application/package.json
index 33455ed852..382be32d0e 100644
--- a/packages/legend-application/package.json
+++ b/packages/legend-application/package.json
@@ -47,15 +47,15 @@
     "@finos/legend-graph": "workspace:*",
     "@finos/legend-shared": "workspace:*",
     "@types/css-font-loading-module": "0.0.7",
-    "@types/react": "17.0.44",
-    "@types/react-dom": "17.0.16",
+    "@types/react": "18.0.8",
+    "@types/react-dom": "18.0.3",
     "@types/react-router-dom": "5.3.2",
     "history": "5.3.0",
     "mobx": "6.5.0",
     "mobx-react-lite": "3.4.0",
     "monaco-editor": "0.33.0",
-    "react": "17.0.2",
-    "react-dom": "17.0.2",
+    "react": "18.1.0",
+    "react-dom": "18.1.0",
     "react-resize-detector": "7.0.0",
     "react-router": "5.2.1",
     "react-router-dom": "5.3.0",
@@ -72,7 +72,7 @@
     "typescript": "4.6.4"
   },
   "peerDependencies": {
-    "react": "^17.0.0"
+    "react": "^18.0.0"
   },
   "publishConfig": {
     "directory": "build/publishContent"
diff --git a/packages/legend-art/package.json b/packages/legend-art/package.json
index 9849469400..a725dc91c9 100644
--- a/packages/legend-art/package.json
+++ b/packages/legend-art/package.json
@@ -56,15 +56,15 @@
     "@fontsource/roboto-condensed": "4.5.8",
     "@fontsource/roboto-mono": "4.5.7",
     "@mui/material": "5.6.4",
-    "@types/react": "17.0.44",
+    "@types/react": "18.0.8",
     "@types/react-select": "4.0.18",
     "@types/react-window": "1.8.5",
     "clsx": "1.1.1",
     "mobx": "6.5.0",
     "mobx-react-lite": "3.4.0",
     "monaco-editor": "0.33.0",
-    "react": "17.0.2",
-    "react-dom": "17.0.2",
+    "react": "18.1.0",
+    "react-dom": "18.1.0",
     "react-hotkeys": "2.0.0",
     "react-icons": "4.3.1",
     "react-markdown": "8.0.3",
@@ -85,7 +85,7 @@
     "typescript": "4.6.4"
   },
   "peerDependencies": {
-    "react": "^17.0.0"
+    "react": "^18.0.0"
   },
   "publishConfig": {
     "directory": "build/publishContent"
diff --git a/packages/legend-art/src/components/CustomSelectorInput.tsx b/packages/legend-art/src/components/CustomSelectorInput.tsx
index c1136b4de7..e42864b2d5 100644
--- a/packages/legend-art/src/components/CustomSelectorInput.tsx
+++ b/packages/legend-art/src/components/CustomSelectorInput.tsx
@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 
-import {
+import React, {
   type CSSProperties,
   useRef,
   useEffect,
@@ -81,7 +81,7 @@ const CustomMenuList: React.FC<{
         initialScrollOffset={initialOffset}
       >
         {({ index, style }): React.ReactElement<ListChildComponentProps> => (
-          <div style={style}>{children[index]}</div>
+          <div style={style}>{children[index] as React.ReactNode}</div>
         )}
       </FixedSizeList>
     );
diff --git a/packages/legend-art/src/components/ResizablePanel.tsx b/packages/legend-art/src/components/ResizablePanel.tsx
index 21dd52c386..462acb2189 100644
--- a/packages/legend-art/src/components/ResizablePanel.tsx
+++ b/packages/legend-art/src/components/ResizablePanel.tsx
@@ -18,6 +18,8 @@ import clsx, { type ClassValue } from 'clsx';
 import {
   type HandlerProps,
   type ReflexElementProps,
+  type ReflexSplitterProps,
+  type ReflexContainerProps,
   ReflexContainer,
   ReflexElement,
   ReflexSplitter,
@@ -37,16 +39,22 @@ import {
  * TODO: we should come back to the `moduleNameMaper` approach for mock when this issue is resolved
  * See https://github.com/microsoft/TypeScript/issues/33079
  */
-const MockedReactComponent: React.FC = (props) => {
+const MockedReactComponent: React.FC<{
+  children: React.ReactNode;
+}> = (props) => {
   const { children } = props;
   return <div>{children}</div>;
 };
 
 export const ResizablePanelGroup =
   // eslint-disable-next-line no-process-env
-  process.env.NODE_ENV === 'test'
+  (process.env.NODE_ENV === 'test'
     ? (MockedReactComponent as unknown as typeof ReflexContainer)
-    : ReflexContainer;
+    : ReflexContainer) as unknown as React.FC<
+    // Workaround until `react-reflex` fully support React 18
+    // https://github.com/leefsmp/Re-Flex/issues/158
+    ReflexContainerProps & { children: React.ReactNode }
+  >;
 
 const RESIZABLE_PANEL_MINIMIZED_CLASS_NAME = 'resizable-panel--minimized';
 /**
@@ -93,15 +101,23 @@ export const getControlledResizablePanelProps = (
 
 export const ResizablePanel =
   // eslint-disable-next-line no-process-env
-  process.env.NODE_ENV === 'test'
+  (process.env.NODE_ENV === 'test'
     ? (MockedReactComponent as unknown as typeof ReflexElement)
-    : ReflexElement;
+    : ReflexElement) as unknown as React.FC<
+    // Workaround until `react-reflex` fully support React 18
+    // https://github.com/leefsmp/Re-Flex/issues/158
+    ReflexElementProps & { children: React.ReactNode }
+  >;
 
 export const ResizablePanelSplitter =
   // eslint-disable-next-line no-process-env
-  process.env.NODE_ENV === 'test'
+  (process.env.NODE_ENV === 'test'
     ? (MockedReactComponent as unknown as typeof ReflexSplitter)
-    : ReflexSplitter;
+    : ReflexSplitter) as unknown as React.FC<
+    // Workaround until `react-reflex` fully support React 18
+    // https://github.com/leefsmp/Re-Flex/issues/158
+    ReflexSplitterProps & { children?: React.ReactNode }
+  >;
 
 export const ResizablePanelSplitterLine: React.FC<{ color: string }> = (
   props,
diff --git a/packages/legend-art/src/components/menu/ContextMenu.tsx b/packages/legend-art/src/components/menu/ContextMenu.tsx
index 7ed2f3a1d1..8915061e54 100644
--- a/packages/legend-art/src/components/menu/ContextMenu.tsx
+++ b/packages/legend-art/src/components/menu/ContextMenu.tsx
@@ -19,6 +19,7 @@ import type { MenuProps as MuiMenuProps } from '@mui/material';
 import { BaseMenu } from './BaseMenu';
 
 export const ContextMenu: React.FC<{
+  children: React.ReactNode;
   menuProps?: Partial<MuiMenuProps>;
   content?: React.ReactNode;
   onClose?: () => void;
diff --git a/packages/legend-art/src/components/menu/DropdownMenu.tsx b/packages/legend-art/src/components/menu/DropdownMenu.tsx
index 119859a94f..1aeae49192 100644
--- a/packages/legend-art/src/components/menu/DropdownMenu.tsx
+++ b/packages/legend-art/src/components/menu/DropdownMenu.tsx
@@ -19,6 +19,7 @@ import type { MenuProps as MuiMenuProps } from '@mui/material';
 import { BaseMenu } from './BaseMenu';
 
 export const DropdownMenu: React.FC<{
+  children: React.ReactNode;
   open?: boolean | undefined;
   menuProps?: Partial<MuiMenuProps> | undefined;
   content?: React.ReactNode | undefined;
diff --git a/packages/legend-art/src/components/menu/MenuContent.tsx b/packages/legend-art/src/components/menu/MenuContent.tsx
index 57d34872b2..380f83a0a4 100644
--- a/packages/legend-art/src/components/menu/MenuContent.tsx
+++ b/packages/legend-art/src/components/menu/MenuContent.tsx
@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 
-import { forwardRef } from 'react';
+import React, { forwardRef } from 'react';
 import clsx from 'clsx';
 
 export const MenuContent = forwardRef<
@@ -30,6 +30,7 @@ export const MenuContent = forwardRef<
 });
 
 export const MenuContentItem: React.FC<{
+  children: React.ReactNode;
   className?: string;
   disabled?: boolean;
   onClick?: () => void;
@@ -55,6 +56,7 @@ export const MenuContentDivider: React.FC<{
 };
 
 export const MenuContentItemIcon: React.FC<{
+  children: React.ReactNode;
   className?: string;
 }> = (props) => {
   const { className, children, ...otherProps } = props;
@@ -75,6 +77,7 @@ export const MenuContentItemBlankIcon: React.FC<{
 };
 
 export const MenuContentItemLabel: React.FC<{
+  children: React.ReactNode;
   className?: string;
 }> = (props) => {
   const { className, children, ...otherProps } = props;
diff --git a/packages/legend-dev-utils/JestConfigUtils.js b/packages/legend-dev-utils/JestConfigUtils.js
index 40818e60b6..50c660b3ff 100644
--- a/packages/legend-dev-utils/JestConfigUtils.js
+++ b/packages/legend-dev-utils/JestConfigUtils.js
@@ -14,7 +14,16 @@
  * limitations under the License.
  */
 
-export const getBaseConfig = ({ babelConfigPath }) => ({
+export const getBaseConfig = ({
+  /**
+   * Absolute path to the Babel config file
+   */
+  babelConfigPath,
+  /**
+   * ESM packages that need transformation to work with Jest
+   */
+  TEMPORARY__esmPackagesToTransform,
+}) => ({
   transform: {
     // Since `babel-jest` will not do type checking for the test code.
     // We need to manually run `tsc`. Another option is to use `jest-runner-tsc`
@@ -28,9 +37,19 @@ export const getBaseConfig = ({ babelConfigPath }) => ({
     ],
   },
   transformIgnorePatterns: [
-    // Since we already transpiled our project code, we don't need `Jest` to transform/transpile them again
+    // Since we're using ESM in our project code, we need `Jest `to transform them
+    // since files coming from `/node_modules/` are skipped by default
+    // So having more items un-ignored will make tests run slower
+    // See https://github.com/finos/legend-studio/issues/502
+    //
+    // NOTE: Providing regexp patterns that overlap with each other may result in files
+    // not being transformed that you expected to be transformed
     // See https://jestjs.io/docs/configuration#transformignorepatterns-arraystring
-    '/node_modules/(?!(@finos/legend))',
+    `/node_modules/(?!(@finos/legend)${
+      TEMPORARY__esmPackagesToTransform.length
+        ? `|${TEMPORARY__esmPackagesToTransform.join('|')}`
+        : ''
+    })`,
   ],
   // Setup to run immediately after the test framework has been installed in the environment
   // before each test file in the suite is executed
diff --git a/packages/legend-dev-utils/jest/setupDOMPolyfills.js b/packages/legend-dev-utils/jest/setupDOMPolyfills.js
index f062b1fbfa..705d7ed7bf 100644
--- a/packages/legend-dev-utils/jest/setupDOMPolyfills.js
+++ b/packages/legend-dev-utils/jest/setupDOMPolyfills.js
@@ -15,6 +15,9 @@
  */
 
 import { ResizeObserver } from '@juggle/resize-observer';
+import { TextEncoder, TextDecoder } from 'util';
 
 // Polyfills
 window.ResizeObserver = ResizeObserver;
+window.TextEncoder = TextEncoder;
+window.TextDecoder = TextDecoder;
diff --git a/packages/legend-dev-utils/package.json b/packages/legend-dev-utils/package.json
index ab8a91cc2b..5b36b3a4b7 100644
--- a/packages/legend-dev-utils/package.json
+++ b/packages/legend-dev-utils/package.json
@@ -82,7 +82,7 @@
     "monaco-editor-webpack-plugin": "7.0.1",
     "postcss": "8.4.13",
     "postcss-loader": "6.2.1",
-    "react-refresh": "0.11.0",
+    "react-refresh": "0.13.0",
     "resolve": "1.22.0",
     "sass": "1.51.0",
     "sass-loader": "12.6.0",
diff --git a/packages/legend-extension-dsl-data-space/package.json b/packages/legend-extension-dsl-data-space/package.json
index 06d8c2a7be..3bc7106e11 100644
--- a/packages/legend-extension-dsl-data-space/package.json
+++ b/packages/legend-extension-dsl-data-space/package.json
@@ -52,11 +52,11 @@
     "@finos/legend-server-depot": "workspace:*",
     "@finos/legend-shared": "workspace:*",
     "@finos/legend-studio": "workspace:*",
-    "@types/react": "17.0.44",
+    "@types/react": "18.0.8",
     "mobx": "6.5.0",
     "mobx-react-lite": "3.4.0",
-    "react": "17.0.2",
-    "react-dom": "17.0.2",
+    "react": "18.1.0",
+    "react-dom": "18.1.0",
     "react-resize-detector": "7.0.0",
     "serializr": "2.0.5"
   },
@@ -71,7 +71,7 @@
     "typescript": "4.6.4"
   },
   "peerDependencies": {
-    "react": "^17.0.0"
+    "react": "^18.0.0"
   },
   "publishConfig": {
     "directory": "build/publishContent"
diff --git a/packages/legend-extension-dsl-diagram/package.json b/packages/legend-extension-dsl-diagram/package.json
index 47aa16bcba..e1d7e2f86b 100644
--- a/packages/legend-extension-dsl-diagram/package.json
+++ b/packages/legend-extension-dsl-diagram/package.json
@@ -49,18 +49,18 @@
     "@finos/legend-model-storage": "workspace:*",
     "@finos/legend-shared": "workspace:*",
     "@finos/legend-studio": "workspace:*",
-    "@types/react": "17.0.44",
+    "@types/react": "18.0.8",
     "mobx": "6.5.0",
     "mobx-react-lite": "3.4.0",
-    "react": "17.0.2",
-    "react-dnd": "15.1.2",
-    "react-dom": "17.0.2",
+    "react": "18.1.0",
+    "react-dnd": "16.0.1",
+    "react-dom": "18.1.0",
     "react-resize-detector": "7.0.0",
     "serializr": "2.0.5"
   },
   "devDependencies": {
     "@finos/legend-dev-utils": "workspace:*",
-    "@testing-library/react": "12.1.5",
+    "@testing-library/react": "13.2.0",
     "cross-env": "7.0.3",
     "eslint": "8.14.0",
     "jest": "28.1.0",
@@ -71,7 +71,7 @@
     "typescript": "4.6.4"
   },
   "peerDependencies": {
-    "react": "^17.0.0"
+    "react": "^18.0.0"
   },
   "publishConfig": {
     "directory": "build/publishContent"
diff --git a/packages/legend-extension-dsl-persistence/package.json b/packages/legend-extension-dsl-persistence/package.json
index e2fcc271d5..6eacdc3234 100644
--- a/packages/legend-extension-dsl-persistence/package.json
+++ b/packages/legend-extension-dsl-persistence/package.json
@@ -49,9 +49,9 @@
     "@finos/legend-model-storage": "workspace:*",
     "@finos/legend-shared": "workspace:*",
     "@finos/legend-studio": "workspace:*",
-    "@types/react": "17.0.44",
+    "@types/react": "18.0.8",
     "mobx": "6.5.0",
-    "react": "17.0.2",
+    "react": "18.1.0",
     "serializr": "2.0.5"
   },
   "devDependencies": {
@@ -65,7 +65,7 @@
     "typescript": "4.6.4"
   },
   "peerDependencies": {
-    "react": "^17.0.0"
+    "react": "^18.0.0"
   },
   "publishConfig": {
     "directory": "build/publishContent"
diff --git a/packages/legend-extension-dsl-text/package.json b/packages/legend-extension-dsl-text/package.json
index 34d35986c4..2e4f5a75cc 100644
--- a/packages/legend-extension-dsl-text/package.json
+++ b/packages/legend-extension-dsl-text/package.json
@@ -49,10 +49,10 @@
     "@finos/legend-model-storage": "workspace:*",
     "@finos/legend-shared": "workspace:*",
     "@finos/legend-studio": "workspace:*",
-    "@types/react": "17.0.44",
+    "@types/react": "18.0.8",
     "mobx": "6.5.0",
     "mobx-react-lite": "3.4.0",
-    "react": "17.0.2",
+    "react": "18.1.0",
     "serializr": "2.0.5"
   },
   "devDependencies": {
@@ -66,7 +66,7 @@
     "typescript": "4.6.4"
   },
   "peerDependencies": {
-    "react": "^17.0.0"
+    "react": "^18.0.0"
   },
   "publishConfig": {
     "directory": "build/publishContent"
diff --git a/packages/legend-extension-external-store-service/package.json b/packages/legend-extension-external-store-service/package.json
index 34c85aaeeb..59f06ff2a5 100644
--- a/packages/legend-extension-external-store-service/package.json
+++ b/packages/legend-extension-external-store-service/package.json
@@ -46,10 +46,10 @@
     "@finos/legend-model-storage": "workspace:*",
     "@finos/legend-shared": "workspace:*",
     "@finos/legend-studio": "workspace:*",
-    "@types/react": "17.0.44",
+    "@types/react": "18.0.8",
     "mobx": "6.5.0",
     "mobx-react-lite": "3.4.0",
-    "react": "17.0.2",
+    "react": "18.1.0",
     "serializr": "2.0.5"
   },
   "devDependencies": {
@@ -63,7 +63,7 @@
     "typescript": "4.6.4"
   },
   "peerDependencies": {
-    "react": "^17.0.0"
+    "react": "^18.0.0"
   },
   "publishConfig": {
     "directory": "build/publishContent"
diff --git a/packages/legend-extension-mapping-generation/package.json b/packages/legend-extension-mapping-generation/package.json
index e5cfdc0442..29c99c0a3e 100644
--- a/packages/legend-extension-mapping-generation/package.json
+++ b/packages/legend-extension-mapping-generation/package.json
@@ -48,7 +48,7 @@
     "@finos/legend-studio": "workspace:*",
     "mobx": "6.5.0",
     "mobx-react-lite": "3.4.0",
-    "react": "17.0.2",
+    "react": "18.1.0",
     "serializr": "2.0.5"
   },
   "devDependencies": {
diff --git a/packages/legend-graph/package.json b/packages/legend-graph/package.json
index ec7386780c..2a90af583e 100644
--- a/packages/legend-graph/package.json
+++ b/packages/legend-graph/package.json
@@ -43,7 +43,7 @@
     "date-fns": "2.28.0",
     "mobx": "6.5.0",
     "mobx-react-lite": "3.4.0",
-    "react": "17.0.2",
+    "react": "18.1.0",
     "serializr": "2.0.5"
   },
   "devDependencies": {
diff --git a/packages/legend-query-app/package.json b/packages/legend-query-app/package.json
index dfcfdb2e18..8f640fd69b 100644
--- a/packages/legend-query-app/package.json
+++ b/packages/legend-query-app/package.json
@@ -49,8 +49,8 @@
     "@finos/legend-graph-extension-collection": "workspace:*",
     "@finos/legend-query": "workspace:*",
     "@finos/legend-shared": "workspace:*",
-    "@types/react": "17.0.44",
-    "react": "17.0.2"
+    "@types/react": "18.0.8",
+    "react": "18.1.0"
   },
   "devDependencies": {
     "@finos/legend-dev-utils": "workspace:*",
diff --git a/packages/legend-query/package.json b/packages/legend-query/package.json
index 4eac249e50..9c0d8877bc 100644
--- a/packages/legend-query/package.json
+++ b/packages/legend-query/package.json
@@ -52,10 +52,10 @@
     "@finos/legend-model-storage": "workspace:*",
     "@finos/legend-server-depot": "workspace:*",
     "@finos/legend-shared": "workspace:*",
-    "@testing-library/react": "12.1.5",
+    "@testing-library/react": "13.2.0",
     "@types/papaparse": "5.3.2",
-    "@types/react": "17.0.44",
-    "@types/react-dom": "17.0.16",
+    "@types/react": "18.0.8",
+    "@types/react-dom": "18.0.3",
     "@types/react-router-dom": "5.3.2",
     "date-fns": "2.28.0",
     "history": "5.3.0",
@@ -63,10 +63,10 @@
     "mobx-react-lite": "3.4.0",
     "monaco-editor": "0.33.0",
     "papaparse": "5.3.2",
-    "react": "17.0.2",
-    "react-dnd": "15.1.2",
-    "react-dnd-html5-backend": "15.1.3",
-    "react-dom": "17.0.2",
+    "react": "18.1.0",
+    "react-dnd": "16.0.1",
+    "react-dnd-html5-backend": "16.0.1",
+    "react-dom": "18.1.0",
     "react-hotkeys": "2.0.0",
     "react-router": "5.2.1",
     "react-router-dom": "5.3.0"
@@ -83,7 +83,7 @@
     "typescript": "4.6.4"
   },
   "peerDependencies": {
-    "react": "^17.0.0"
+    "react": "^18.0.0"
   },
   "publishConfig": {
     "directory": "build/publishContent"
diff --git a/packages/legend-query/src/application/LegendQuery.tsx b/packages/legend-query/src/application/LegendQuery.tsx
index 6fb26e36f9..4ade35343d 100644
--- a/packages/legend-query/src/application/LegendQuery.tsx
+++ b/packages/legend-query/src/application/LegendQuery.tsx
@@ -14,6 +14,7 @@
  * limitations under the License.
  */
 
+import { createRoot } from 'react-dom/client';
 import {
   type LegendApplicationConfig,
   type LegendApplicationVersionData,
@@ -25,7 +26,6 @@ import {
 import { configure as configureReactHotkeys } from 'react-hotkeys';
 import { ModuleRegistry as agGrid_ModuleRegistry } from '@ag-grid-community/core';
 import { ClientSideRowModelModule } from '@ag-grid-community/client-side-row-model';
-import ReactDOM from 'react-dom';
 import { BrowserRouter } from 'react-router-dom';
 import { LegendQueryApplication } from '../components/LegendQueryApplication';
 import { LegendQueryPluginManager } from './LegendQueryPluginManager';
@@ -74,7 +74,8 @@ export class LegendQuery extends LegendApplication {
     await setupLegendQueryUILibrary();
 
     // Render React application
-    ReactDOM.render(
+    const rootElement = createRoot(getRootElement());
+    rootElement.render(
       <BrowserRouter basename={this.baseUrl}>
         <WebApplicationNavigatorProvider>
           <ApplicationStoreProvider
@@ -88,7 +89,6 @@ export class LegendQuery extends LegendApplication {
           </ApplicationStoreProvider>
         </WebApplicationNavigatorProvider>
       </BrowserRouter>,
-      getRootElement(),
     );
   }
 }
diff --git a/packages/legend-server-depot/package.json b/packages/legend-server-depot/package.json
index 5e6611e813..900bc16462 100644
--- a/packages/legend-server-depot/package.json
+++ b/packages/legend-server-depot/package.json
@@ -41,7 +41,7 @@
     "@finos/legend-shared": "workspace:*",
     "mobx": "6.5.0",
     "mobx-react-lite": "3.4.0",
-    "react": "17.0.2",
+    "react": "18.1.0",
     "serializr": "2.0.5"
   },
   "devDependencies": {
diff --git a/packages/legend-server-sdlc/package.json b/packages/legend-server-sdlc/package.json
index aae0cc3b40..f6253fc748 100644
--- a/packages/legend-server-sdlc/package.json
+++ b/packages/legend-server-sdlc/package.json
@@ -42,7 +42,7 @@
     "@finos/legend-shared": "workspace:*",
     "mobx": "6.5.0",
     "mobx-react-lite": "3.4.0",
-    "react": "17.0.2",
+    "react": "18.1.0",
     "serializr": "2.0.5"
   },
   "devDependencies": {
diff --git a/packages/legend-studio-app/package.json b/packages/legend-studio-app/package.json
index 001195c5fb..4ac8852a68 100644
--- a/packages/legend-studio-app/package.json
+++ b/packages/legend-studio-app/package.json
@@ -55,8 +55,8 @@
     "@finos/legend-shared": "workspace:*",
     "@finos/legend-studio": "workspace:*",
     "@finos/legend-studio-extension-query-builder": "workspace:*",
-    "@types/react": "17.0.44",
-    "react": "17.0.2"
+    "@types/react": "18.0.8",
+    "react": "18.1.0"
   },
   "devDependencies": {
     "@finos/legend-dev-utils": "workspace:*",
diff --git a/packages/legend-studio-extension-management-toolkit/package.json b/packages/legend-studio-extension-management-toolkit/package.json
index 6914517058..ec0c02496c 100644
--- a/packages/legend-studio-extension-management-toolkit/package.json
+++ b/packages/legend-studio-extension-management-toolkit/package.json
@@ -50,11 +50,11 @@
     "@finos/legend-server-sdlc": "workspace:*",
     "@finos/legend-shared": "workspace:*",
     "@finos/legend-studio": "workspace:*",
-    "@types/react": "17.0.44",
+    "@types/react": "18.0.8",
     "@types/react-router-dom": "5.3.2",
     "mobx": "6.5.0",
     "mobx-react-lite": "3.4.0",
-    "react": "17.0.2",
+    "react": "18.1.0",
     "react-router-dom": "5.3.0"
   },
   "devDependencies": {
@@ -68,7 +68,7 @@
     "typescript": "4.6.4"
   },
   "peerDependencies": {
-    "react": "^17.0.0"
+    "react": "^18.0.0"
   },
   "publishConfig": {
     "directory": "build/publishContent"
diff --git a/packages/legend-studio-extension-query-builder/package.json b/packages/legend-studio-extension-query-builder/package.json
index 26f430bb91..97e6339968 100644
--- a/packages/legend-studio-extension-query-builder/package.json
+++ b/packages/legend-studio-extension-query-builder/package.json
@@ -54,16 +54,16 @@
     "@finos/legend-server-depot": "workspace:*",
     "@finos/legend-shared": "workspace:*",
     "@finos/legend-studio": "workspace:*",
-    "@types/react": "17.0.44",
+    "@types/react": "18.0.8",
     "mobx": "6.5.0",
     "mobx-react-lite": "3.4.0",
-    "react": "17.0.2",
-    "react-dom": "17.0.2"
+    "react": "18.1.0",
+    "react-dom": "18.1.0"
   },
   "devDependencies": {
     "@finos/legend-dev-utils": "workspace:*",
     "@testing-library/dom": "8.13.0",
-    "@testing-library/react": "12.1.5",
+    "@testing-library/react": "13.2.0",
     "cross-env": "7.0.3",
     "eslint": "8.14.0",
     "jest": "28.1.0",
@@ -73,7 +73,7 @@
     "typescript": "4.6.4"
   },
   "peerDependencies": {
-    "react": "^17.0.0"
+    "react": "^18.0.0"
   },
   "publishConfig": {
     "directory": "build/publishContent"
diff --git a/packages/legend-studio/package.json b/packages/legend-studio/package.json
index f276833a0d..35c57e0835 100644
--- a/packages/legend-studio/package.json
+++ b/packages/legend-studio/package.json
@@ -50,9 +50,9 @@
     "@finos/legend-server-depot": "workspace:*",
     "@finos/legend-server-sdlc": "workspace:*",
     "@finos/legend-shared": "workspace:*",
-    "@testing-library/react": "12.1.5",
-    "@types/react": "17.0.44",
-    "@types/react-dom": "17.0.16",
+    "@testing-library/react": "13.2.0",
+    "@types/react": "18.0.8",
+    "@types/react-dom": "18.0.3",
     "@types/react-router-dom": "5.3.2",
     "date-fns": "2.28.0",
     "history": "5.3.0",
@@ -61,10 +61,10 @@
     "mobx-utils": "6.0.5",
     "monaco-editor": "0.33.0",
     "node-diff3": "3.1.0",
-    "react": "17.0.2",
-    "react-dnd": "15.1.2",
-    "react-dnd-html5-backend": "15.1.3",
-    "react-dom": "17.0.2",
+    "react": "18.1.0",
+    "react-dnd": "16.0.1",
+    "react-dnd-html5-backend": "16.0.1",
+    "react-dom": "18.1.0",
     "react-hotkeys": "2.0.0",
     "react-resize-detector": "7.0.0",
     "react-router": "5.2.1",
@@ -84,7 +84,7 @@
     "typescript": "4.6.4"
   },
   "peerDependencies": {
-    "react": "^17.0.0"
+    "react": "^18.0.0"
   },
   "publishConfig": {
     "directory": "build/publishContent"
diff --git a/packages/legend-studio/src/application/LegendStudio.tsx b/packages/legend-studio/src/application/LegendStudio.tsx
index 3e1729eef7..5752c5d3ad 100644
--- a/packages/legend-studio/src/application/LegendStudio.tsx
+++ b/packages/legend-studio/src/application/LegendStudio.tsx
@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 
-import ReactDOM from 'react-dom';
+import { createRoot } from 'react-dom/client';
 import { BrowserRouter } from 'react-router-dom';
 import { configure as configureReactHotkeys } from 'react-hotkeys';
 import { LegendStudioApplication } from '../components/LegendStudioApplication';
@@ -83,10 +83,11 @@ export class LegendStudio extends LegendApplication {
     await setupLegendStudioUILibrary(this.pluginManager, this.logger);
 
     // Render React application
-    ReactDOM.render(
+    const rootElement = createRoot(getRootElement());
+    rootElement.render(
       // TODO: would be great if we can have <React.StrictMode> here but since Mobx React is not ready for
-      // concurrency yet, we would have to wait until @next become official
-      // See https://github.com/mobxjs/mobx-react-lite/issues/53
+      // concurrency yet, we would have to wait
+      // See https://github.com/mobxjs/mobx/issues/2526
       <BrowserRouter basename={this.baseUrl}>
         <WebApplicationNavigatorProvider>
           <ApplicationStoreProvider
@@ -100,7 +101,6 @@ export class LegendStudio extends LegendApplication {
           </ApplicationStoreProvider>
         </WebApplicationNavigatorProvider>
       </BrowserRouter>,
-      getRootElement(),
     );
   }
 }
diff --git a/packages/legend-taxonomy-app/package.json b/packages/legend-taxonomy-app/package.json
index d526df226b..2b56638442 100644
--- a/packages/legend-taxonomy-app/package.json
+++ b/packages/legend-taxonomy-app/package.json
@@ -48,8 +48,8 @@
     "@finos/legend-graph-extension-collection": "workspace:*",
     "@finos/legend-shared": "workspace:*",
     "@finos/legend-taxonomy": "workspace:*",
-    "@types/react": "17.0.44",
-    "react": "17.0.2"
+    "@types/react": "18.0.8",
+    "react": "18.1.0"
   },
   "devDependencies": {
     "@finos/legend-dev-utils": "workspace:*",
diff --git a/packages/legend-taxonomy/package.json b/packages/legend-taxonomy/package.json
index 7a901fdeb4..1ad9004d60 100644
--- a/packages/legend-taxonomy/package.json
+++ b/packages/legend-taxonomy/package.json
@@ -49,14 +49,14 @@
     "@finos/legend-model-storage": "workspace:*",
     "@finos/legend-server-depot": "workspace:*",
     "@finos/legend-shared": "workspace:*",
-    "@types/react": "17.0.44",
-    "@types/react-dom": "17.0.16",
+    "@types/react": "18.0.8",
+    "@types/react-dom": "18.0.3",
     "@types/react-router-dom": "5.3.2",
     "history": "5.3.0",
     "mobx": "6.5.0",
     "mobx-react-lite": "3.4.0",
-    "react": "17.0.2",
-    "react-dom": "17.0.2",
+    "react": "18.1.0",
+    "react-dom": "18.1.0",
     "react-hotkeys": "2.0.0",
     "react-resize-detector": "7.0.0",
     "react-router": "5.2.1",
@@ -74,7 +74,7 @@
     "typescript": "4.6.4"
   },
   "peerDependencies": {
-    "react": "^17.0.0"
+    "react": "^18.0.0"
   },
   "publishConfig": {
     "directory": "build/publishContent"
diff --git a/packages/legend-taxonomy/src/application/LegendTaxonomy.tsx b/packages/legend-taxonomy/src/application/LegendTaxonomy.tsx
index 430324ebdf..1ed6c38851 100644
--- a/packages/legend-taxonomy/src/application/LegendTaxonomy.tsx
+++ b/packages/legend-taxonomy/src/application/LegendTaxonomy.tsx
@@ -14,6 +14,7 @@
  * limitations under the License.
  */
 
+import { createRoot } from 'react-dom/client';
 import {
   type LegendApplicationConfig,
   type LegendApplicationVersionData,
@@ -23,7 +24,6 @@ import {
   WebApplicationNavigatorProvider,
 } from '@finos/legend-application';
 import { configure as configureReactHotkeys } from 'react-hotkeys';
-import ReactDOM from 'react-dom';
 import { BrowserRouter } from 'react-router-dom';
 import { LegendTaxonomyApplication } from '../components/LegendTaxonomyApplication';
 import { LegendTaxonomyPluginManager } from './LegendTaxonomyPluginManager';
@@ -69,7 +69,8 @@ export class LegendTaxonomy extends LegendApplication {
     await setupLegendQueryUILibrary();
 
     // Render React application
-    ReactDOM.render(
+    const rootElement = createRoot(getRootElement());
+    rootElement.render(
       <BrowserRouter basename={this.baseUrl}>
         <WebApplicationNavigatorProvider>
           <ApplicationStoreProvider
@@ -83,7 +84,6 @@ export class LegendTaxonomy extends LegendApplication {
           </ApplicationStoreProvider>
         </WebApplicationNavigatorProvider>
       </BrowserRouter>,
-      getRootElement(),
     );
   }
 }
diff --git a/scripts/test/jest.config.base.js b/scripts/test/jest.config.base.js
index 12ad9dfbc4..f653f21d10 100644
--- a/scripts/test/jest.config.base.js
+++ b/scripts/test/jest.config.base.js
@@ -24,6 +24,9 @@ const __dirname = dirname(fileURLToPath(import.meta.url));
 
 const baseConfig = getBaseConfig({
   babelConfigPath: resolve(__dirname, '../../babel.config.cjs'),
+  // `react-dnd` went full ESM so we would need to transpile them
+  // https://github.com/react-dnd/react-dnd/issues/3443
+  TEMPORARY__esmPackagesToTransform: ['react-dnd', 'dnd-core', '@react-dnd'],
 });
 
 export const baseJestConfig = {
diff --git a/yarn.lock b/yarn.lock
index 17078b8eed..52d3e905f8 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -83,21 +83,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/compat-data@npm:^7.13.11, @babel/compat-data@npm:^7.17.0, @babel/compat-data@npm:^7.17.7":
-  version: 7.17.7
-  resolution: "@babel/compat-data@npm:7.17.7"
-  checksum: bf13476676884ce9afc199747ff82f3bcd6d42a9cfb01ce91bdb762b83ea11ec619b6ec532d1a80469ab14f191f33b5d4b9f8796fa8be3bc728d42b0c5e737e3
-  languageName: node
-  linkType: hard
-
-"@babel/compat-data@npm:^7.17.10":
+"@babel/compat-data@npm:^7.13.11, @babel/compat-data@npm:^7.17.0, @babel/compat-data@npm:^7.17.10":
   version: 7.17.10
   resolution: "@babel/compat-data@npm:7.17.10"
   checksum: e85051087cd4690de5061909a2dd2d7f8b6434a3c2e30be6c119758db2027ae1845bcd75a81127423dd568b706ac6994a1a3d7d701069a23bf5cfe900728290b
   languageName: node
   linkType: hard
 
-"@babel/core@npm:7.17.10":
+"@babel/core@npm:7.17.10, @babel/core@npm:^7.11.6, @babel/core@npm:^7.12.3":
   version: 7.17.10
   resolution: "@babel/core@npm:7.17.10"
   dependencies:
@@ -120,29 +113,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/core@npm:^7.11.6, @babel/core@npm:^7.12.3":
-  version: 7.17.9
-  resolution: "@babel/core@npm:7.17.9"
-  dependencies:
-    "@ampproject/remapping": ^2.1.0
-    "@babel/code-frame": ^7.16.7
-    "@babel/generator": ^7.17.9
-    "@babel/helper-compilation-targets": ^7.17.7
-    "@babel/helper-module-transforms": ^7.17.7
-    "@babel/helpers": ^7.17.9
-    "@babel/parser": ^7.17.9
-    "@babel/template": ^7.16.7
-    "@babel/traverse": ^7.17.9
-    "@babel/types": ^7.17.0
-    convert-source-map: ^1.7.0
-    debug: ^4.1.0
-    gensync: ^1.0.0-beta.2
-    json5: ^2.2.1
-    semver: ^6.3.0
-  checksum: 2d301e4561a170bb584a735ec412de8fdc40b2052e12380d4a5e36781be5af1fd2a60552e7f0764b0a491a242f20105265bd2a10ff57b30c2842684f02dbb5a2
-  languageName: node
-  linkType: hard
-
 "@babel/eslint-parser@npm:7.17.0":
   version: 7.17.0
   resolution: "@babel/eslint-parser@npm:7.17.0"
@@ -157,7 +127,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/generator@npm:^7.17.10":
+"@babel/generator@npm:^7.17.10, @babel/generator@npm:^7.7.2":
   version: 7.17.10
   resolution: "@babel/generator@npm:7.17.10"
   dependencies:
@@ -168,17 +138,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/generator@npm:^7.17.9, @babel/generator@npm:^7.7.2":
-  version: 7.17.9
-  resolution: "@babel/generator@npm:7.17.9"
-  dependencies:
-    "@babel/types": ^7.17.0
-    jsesc: ^2.5.1
-    source-map: ^0.5.0
-  checksum: afbdd4afbf731ba0a17e7e2d9a2291e6461259af887f88f1178f63514a86e9c18cec462ae8f9cd6df9ba15a18296f47b0e151202bb4f834f7338ac0c07ec8dc8
-  languageName: node
-  linkType: hard
-
 "@babel/helper-annotate-as-pure@npm:^7.16.7":
   version: 7.16.7
   resolution: "@babel/helper-annotate-as-pure@npm:7.16.7"
@@ -198,21 +157,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/helper-compilation-targets@npm:^7.13.0, @babel/helper-compilation-targets@npm:^7.16.7, @babel/helper-compilation-targets@npm:^7.17.7":
-  version: 7.17.7
-  resolution: "@babel/helper-compilation-targets@npm:7.17.7"
-  dependencies:
-    "@babel/compat-data": ^7.17.7
-    "@babel/helper-validator-option": ^7.16.7
-    browserslist: ^4.17.5
-    semver: ^6.3.0
-  peerDependencies:
-    "@babel/core": ^7.0.0
-  checksum: 24bf851539d5ec8e73779304b5d1ad5b0be09a74459ecc7d9baee9a0fa38ad016e9eaf4b5704504ae8da32f91ce0e31857bbbd9686854caeffd38f58226d3760
-  languageName: node
-  linkType: hard
-
-"@babel/helper-compilation-targets@npm:^7.17.10":
+"@babel/helper-compilation-targets@npm:^7.13.0, @babel/helper-compilation-targets@npm:^7.16.7, @babel/helper-compilation-targets@npm:^7.17.10":
   version: 7.17.10
   resolution: "@babel/helper-compilation-targets@npm:7.17.10"
   dependencies:
@@ -459,16 +404,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/parser@npm:^7.1.0, @babel/parser@npm:^7.14.7, @babel/parser@npm:^7.16.7, @babel/parser@npm:^7.17.9":
-  version: 7.17.9
-  resolution: "@babel/parser@npm:7.17.9"
-  bin:
-    parser: ./bin/babel-parser.js
-  checksum: ea59c985ebfae7c0299c8ea63ed34903202f51665db8d59c55b4366e20270b74d7367a2c211fdd2db20f25750df89adcc85ab6c8692061c6459a88efb79f43e6
-  languageName: node
-  linkType: hard
-
-"@babel/parser@npm:^7.17.10":
+"@babel/parser@npm:^7.1.0, @babel/parser@npm:^7.14.7, @babel/parser@npm:^7.16.7, @babel/parser@npm:^7.17.10":
   version: 7.17.10
   resolution: "@babel/parser@npm:7.17.10"
   bin:
@@ -877,13 +813,13 @@ __metadata:
   linkType: hard
 
 "@babel/plugin-syntax-typescript@npm:^7.16.7, @babel/plugin-syntax-typescript@npm:^7.7.2":
-  version: 7.16.7
-  resolution: "@babel/plugin-syntax-typescript@npm:7.16.7"
+  version: 7.17.10
+  resolution: "@babel/plugin-syntax-typescript@npm:7.17.10"
   dependencies:
     "@babel/helper-plugin-utils": ^7.16.7
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 661e636060609ede9a402e22603b01784c21fabb0a637e65f561c8159351fe0130bbc11fdefe31902107885e3332fc34d95eb652ac61d3f61f2d61f5da20609e
+  checksum: 43e908acf4a1e267f7bd86dc2fcb015b1fbcc364da43b125289d6a91bd32eeed41e5d9870051f7a3e4e2da9eeff7655f7988b6f27beac06bcb60c054aa5bac6d
   languageName: node
   linkType: hard
 
@@ -1491,25 +1427,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/traverse@npm:^7.13.0, @babel/traverse@npm:^7.16.7, @babel/traverse@npm:^7.16.8, @babel/traverse@npm:^7.17.3, @babel/traverse@npm:^7.17.9, @babel/traverse@npm:^7.7.2":
-  version: 7.17.9
-  resolution: "@babel/traverse@npm:7.17.9"
-  dependencies:
-    "@babel/code-frame": ^7.16.7
-    "@babel/generator": ^7.17.9
-    "@babel/helper-environment-visitor": ^7.16.7
-    "@babel/helper-function-name": ^7.17.9
-    "@babel/helper-hoist-variables": ^7.16.7
-    "@babel/helper-split-export-declaration": ^7.16.7
-    "@babel/parser": ^7.17.9
-    "@babel/types": ^7.17.0
-    debug: ^4.1.0
-    globals: ^11.1.0
-  checksum: d907c71d1617589cc0cddc9837cb27bcb9b8f2117c379e13e72653745abe01da24e8c072bd0c91b9db33323ddb1086722756fbc50b487b2608733baf9dd6fd2c
-  languageName: node
-  linkType: hard
-
-"@babel/traverse@npm:^7.17.10":
+"@babel/traverse@npm:^7.13.0, @babel/traverse@npm:^7.16.7, @babel/traverse@npm:^7.16.8, @babel/traverse@npm:^7.17.10, @babel/traverse@npm:^7.17.3, @babel/traverse@npm:^7.17.9, @babel/traverse@npm:^7.7.2":
   version: 7.17.10
   resolution: "@babel/traverse@npm:7.17.10"
   dependencies:
@@ -1527,17 +1445,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/types@npm:^7.0.0, @babel/types@npm:^7.16.0, @babel/types@npm:^7.16.7, @babel/types@npm:^7.16.8, @babel/types@npm:^7.17.0, @babel/types@npm:^7.3.0, @babel/types@npm:^7.3.3, @babel/types@npm:^7.4.4, @babel/types@npm:^7.8.3":
-  version: 7.17.0
-  resolution: "@babel/types@npm:7.17.0"
-  dependencies:
-    "@babel/helper-validator-identifier": ^7.16.7
-    to-fast-properties: ^2.0.0
-  checksum: 12e5a287986fe557188e87b2c5202223f1dc83d9239a196ab936fdb9f8c1eb0be717ff19f934b5fad4e29a75586d5798f74bed209bccea1c20376b9952056f0e
-  languageName: node
-  linkType: hard
-
-"@babel/types@npm:^7.17.10":
+"@babel/types@npm:^7.0.0, @babel/types@npm:^7.16.0, @babel/types@npm:^7.16.7, @babel/types@npm:^7.16.8, @babel/types@npm:^7.17.0, @babel/types@npm:^7.17.10, @babel/types@npm:^7.3.0, @babel/types@npm:^7.3.3, @babel/types@npm:^7.4.4, @babel/types@npm:^7.8.3":
   version: 7.17.10
   resolution: "@babel/types@npm:7.17.10"
   dependencies:
@@ -2035,7 +1943,7 @@ __metadata:
     "@babel/runtime": 7.17.9
     cross-env: 7.0.3
     eslint: 8.14.0
-    react-refresh: 0.11.0
+    react-refresh: 0.13.0
     rimraf: 3.0.2
     typescript: 4.6.4
   peerDependencies:
@@ -2056,7 +1964,7 @@ __metadata:
     eslint-plugin-import: 2.26.0
     eslint-plugin-prettier: 4.0.0
     eslint-plugin-react: 7.29.4
-    eslint-plugin-react-hooks: 4.4.0
+    eslint-plugin-react-hooks: 4.5.0
     micromatch: 4.0.5
     prettier: 2.6.2
     rimraf: 3.0.2
@@ -2075,8 +1983,8 @@ __metadata:
     "@finos/legend-graph": "workspace:*"
     "@finos/legend-shared": "workspace:*"
     "@types/css-font-loading-module": 0.0.7
-    "@types/react": 17.0.44
-    "@types/react-dom": 17.0.16
+    "@types/react": 18.0.8
+    "@types/react-dom": 18.0.3
     "@types/react-router-dom": 5.3.2
     cross-env: 7.0.3
     eslint: 8.14.0
@@ -2086,8 +1994,8 @@ __metadata:
     mobx-react-lite: 3.4.0
     monaco-editor: 0.33.0
     npm-run-all: 4.1.5
-    react: 17.0.2
-    react-dom: 17.0.2
+    react: 18.1.0
+    react-dom: 18.1.0
     react-resize-detector: 7.0.0
     react-router: 5.2.1
     react-router-dom: 5.3.0
@@ -2096,7 +2004,7 @@ __metadata:
     serializr: 2.0.5
     typescript: 4.6.4
   peerDependencies:
-    react: ^17.0.0
+    react: ^18.0.0
   languageName: unknown
   linkType: soft
 
@@ -2114,7 +2022,7 @@ __metadata:
     "@fontsource/roboto-condensed": 4.5.8
     "@fontsource/roboto-mono": 4.5.7
     "@mui/material": 5.6.4
-    "@types/react": 17.0.44
+    "@types/react": 18.0.8
     "@types/react-select": 4.0.18
     "@types/react-window": 1.8.5
     clsx: 1.1.1
@@ -2125,8 +2033,8 @@ __metadata:
     mobx-react-lite: 3.4.0
     monaco-editor: 0.33.0
     npm-run-all: 4.1.5
-    react: 17.0.2
-    react-dom: 17.0.2
+    react: 18.1.0
+    react-dom: 18.1.0
     react-hotkeys: 2.0.0
     react-icons: 4.3.1
     react-markdown: 8.0.3
@@ -2139,7 +2047,7 @@ __metadata:
     sass: 1.51.0
     typescript: 4.6.4
   peerDependencies:
-    react: ^17.0.0
+    react: ^18.0.0
   languageName: unknown
   linkType: soft
 
@@ -2182,7 +2090,7 @@ __metadata:
     monaco-editor-webpack-plugin: 7.0.1
     postcss: 8.4.13
     postcss-loader: 6.2.1
-    react-refresh: 0.11.0
+    react-refresh: 0.13.0
     resolve: 1.22.0
     rimraf: 3.0.2
     sass: 1.51.0
@@ -2206,22 +2114,22 @@ __metadata:
     "@finos/legend-server-depot": "workspace:*"
     "@finos/legend-shared": "workspace:*"
     "@finos/legend-studio": "workspace:*"
-    "@types/react": 17.0.44
+    "@types/react": 18.0.8
     cross-env: 7.0.3
     eslint: 8.14.0
     jest: 28.1.0
     mobx: 6.5.0
     mobx-react-lite: 3.4.0
     npm-run-all: 4.1.5
-    react: 17.0.2
-    react-dom: 17.0.2
+    react: 18.1.0
+    react-dom: 18.1.0
     react-resize-detector: 7.0.0
     rimraf: 3.0.2
     sass: 1.51.0
     serializr: 2.0.5
     typescript: 4.6.4
   peerDependencies:
-    react: ^17.0.0
+    react: ^18.0.0
   languageName: unknown
   linkType: soft
 
@@ -2236,8 +2144,8 @@ __metadata:
     "@finos/legend-model-storage": "workspace:*"
     "@finos/legend-shared": "workspace:*"
     "@finos/legend-studio": "workspace:*"
-    "@testing-library/react": 12.1.5
-    "@types/react": 17.0.44
+    "@testing-library/react": 13.2.0
+    "@types/react": 18.0.8
     cross-env: 7.0.3
     eslint: 8.14.0
     jest: 28.1.0
@@ -2245,16 +2153,16 @@ __metadata:
     mobx: 6.5.0
     mobx-react-lite: 3.4.0
     npm-run-all: 4.1.5
-    react: 17.0.2
-    react-dnd: 15.1.2
-    react-dom: 17.0.2
+    react: 18.1.0
+    react-dnd: 16.0.1
+    react-dom: 18.1.0
     react-resize-detector: 7.0.0
     rimraf: 3.0.2
     sass: 1.51.0
     serializr: 2.0.5
     typescript: 4.6.4
   peerDependencies:
-    react: ^17.0.0
+    react: ^18.0.0
   languageName: unknown
   linkType: soft
 
@@ -2269,19 +2177,19 @@ __metadata:
     "@finos/legend-model-storage": "workspace:*"
     "@finos/legend-shared": "workspace:*"
     "@finos/legend-studio": "workspace:*"
-    "@types/react": 17.0.44
+    "@types/react": 18.0.8
     cross-env: 7.0.3
     eslint: 8.14.0
     jest: 28.1.0
     mobx: 6.5.0
     npm-run-all: 4.1.5
-    react: 17.0.2
+    react: 18.1.0
     rimraf: 3.0.2
     sass: 1.51.0
     serializr: 2.0.5
     typescript: 4.6.4
   peerDependencies:
-    react: ^17.0.0
+    react: ^18.0.0
   languageName: unknown
   linkType: soft
 
@@ -2296,20 +2204,20 @@ __metadata:
     "@finos/legend-model-storage": "workspace:*"
     "@finos/legend-shared": "workspace:*"
     "@finos/legend-studio": "workspace:*"
-    "@types/react": 17.0.44
+    "@types/react": 18.0.8
     cross-env: 7.0.3
     eslint: 8.14.0
     jest: 28.1.0
     mobx: 6.5.0
     mobx-react-lite: 3.4.0
     npm-run-all: 4.1.5
-    react: 17.0.2
+    react: 18.1.0
     rimraf: 3.0.2
     sass: 1.51.0
     serializr: 2.0.5
     typescript: 4.6.4
   peerDependencies:
-    react: ^17.0.0
+    react: ^18.0.0
   languageName: unknown
   linkType: soft
 
@@ -2363,20 +2271,20 @@ __metadata:
     "@finos/legend-model-storage": "workspace:*"
     "@finos/legend-shared": "workspace:*"
     "@finos/legend-studio": "workspace:*"
-    "@types/react": 17.0.44
+    "@types/react": 18.0.8
     cross-env: 7.0.3
     eslint: 8.14.0
     jest: 28.1.0
     mobx: 6.5.0
     mobx-react-lite: 3.4.0
     npm-run-all: 4.1.5
-    react: 17.0.2
+    react: 18.1.0
     rimraf: 3.0.2
     sass: 1.51.0
     serializr: 2.0.5
     typescript: 4.6.4
   peerDependencies:
-    react: ^17.0.0
+    react: ^18.0.0
   languageName: unknown
   linkType: soft
 
@@ -2399,7 +2307,7 @@ __metadata:
     mobx: 6.5.0
     mobx-react-lite: 3.4.0
     npm-run-all: 4.1.5
-    react: 17.0.2
+    react: 18.1.0
     rimraf: 3.0.2
     sass: 1.51.0
     serializr: 2.0.5
@@ -2459,7 +2367,7 @@ __metadata:
     mobx: 6.5.0
     mobx-react-lite: 3.4.0
     npm-run-all: 4.1.5
-    react: 17.0.2
+    react: 18.1.0
     rimraf: 3.0.2
     serializr: 2.0.5
     typescript: 4.6.4
@@ -2522,11 +2430,11 @@ __metadata:
     "@finos/legend-graph-extension-collection": "workspace:*"
     "@finos/legend-query": "workspace:*"
     "@finos/legend-shared": "workspace:*"
-    "@types/react": 17.0.44
+    "@types/react": 18.0.8
     cross-env: 7.0.3
     eslint: 8.14.0
     npm-run-all: 4.1.5
-    react: 17.0.2
+    react: 18.1.0
     rimraf: 3.0.2
     sass: 1.51.0
     typescript: 4.6.4
@@ -2567,10 +2475,10 @@ __metadata:
     "@finos/legend-server-depot": "workspace:*"
     "@finos/legend-shared": "workspace:*"
     "@testing-library/dom": 8.13.0
-    "@testing-library/react": 12.1.5
+    "@testing-library/react": 13.2.0
     "@types/papaparse": 5.3.2
-    "@types/react": 17.0.44
-    "@types/react-dom": 17.0.16
+    "@types/react": 18.0.8
+    "@types/react-dom": 18.0.3
     "@types/react-router-dom": 5.3.2
     cross-env: 7.0.3
     date-fns: 2.28.0
@@ -2582,10 +2490,10 @@ __metadata:
     monaco-editor: 0.33.0
     npm-run-all: 4.1.5
     papaparse: 5.3.2
-    react: 17.0.2
-    react-dnd: 15.1.2
-    react-dnd-html5-backend: 15.1.3
-    react-dom: 17.0.2
+    react: 18.1.0
+    react-dnd: 16.0.1
+    react-dnd-html5-backend: 16.0.1
+    react-dom: 18.1.0
     react-hotkeys: 2.0.0
     react-router: 5.2.1
     react-router-dom: 5.3.0
@@ -2593,7 +2501,7 @@ __metadata:
     sass: 1.51.0
     typescript: 4.6.4
   peerDependencies:
-    react: ^17.0.0
+    react: ^18.0.0
   languageName: unknown
   linkType: soft
 
@@ -2610,7 +2518,7 @@ __metadata:
     mobx: 6.5.0
     mobx-react-lite: 3.4.0
     npm-run-all: 4.1.5
-    react: 17.0.2
+    react: 18.1.0
     rimraf: 3.0.2
     serializr: 2.0.5
     typescript: 4.6.4
@@ -2630,7 +2538,7 @@ __metadata:
     mobx: 6.5.0
     mobx-react-lite: 3.4.0
     npm-run-all: 4.1.5
-    react: 17.0.2
+    react: 18.1.0
     rimraf: 3.0.2
     serializr: 2.0.5
     typescript: 4.6.4
@@ -2687,11 +2595,11 @@ __metadata:
     "@finos/legend-shared": "workspace:*"
     "@finos/legend-studio": "workspace:*"
     "@finos/legend-studio-extension-query-builder": "workspace:*"
-    "@types/react": 17.0.44
+    "@types/react": 18.0.8
     cross-env: 7.0.3
     eslint: 8.14.0
     npm-run-all: 4.1.5
-    react: 17.0.2
+    react: 18.1.0
     rimraf: 3.0.2
     sass: 1.51.0
     typescript: 4.6.4
@@ -2727,7 +2635,7 @@ __metadata:
     "@finos/legend-server-sdlc": "workspace:*"
     "@finos/legend-shared": "workspace:*"
     "@finos/legend-studio": "workspace:*"
-    "@types/react": 17.0.44
+    "@types/react": 18.0.8
     "@types/react-router-dom": 5.3.2
     cross-env: 7.0.3
     eslint: 8.14.0
@@ -2735,13 +2643,13 @@ __metadata:
     mobx: 6.5.0
     mobx-react-lite: 3.4.0
     npm-run-all: 4.1.5
-    react: 17.0.2
+    react: 18.1.0
     react-router-dom: 5.3.0
     rimraf: 3.0.2
     sass: 1.51.0
     typescript: 4.6.4
   peerDependencies:
-    react: ^17.0.0
+    react: ^18.0.0
   languageName: unknown
   linkType: soft
 
@@ -2760,21 +2668,21 @@ __metadata:
     "@finos/legend-shared": "workspace:*"
     "@finos/legend-studio": "workspace:*"
     "@testing-library/dom": 8.13.0
-    "@testing-library/react": 12.1.5
-    "@types/react": 17.0.44
+    "@testing-library/react": 13.2.0
+    "@types/react": 18.0.8
     cross-env: 7.0.3
     eslint: 8.14.0
     jest: 28.1.0
     mobx: 6.5.0
     mobx-react-lite: 3.4.0
     npm-run-all: 4.1.5
-    react: 17.0.2
-    react-dom: 17.0.2
+    react: 18.1.0
+    react-dom: 18.1.0
     rimraf: 3.0.2
     sass: 1.51.0
     typescript: 4.6.4
   peerDependencies:
-    react: ^17.0.0
+    react: ^18.0.0
   languageName: unknown
   linkType: soft
 
@@ -2791,9 +2699,9 @@ __metadata:
     "@finos/legend-server-sdlc": "workspace:*"
     "@finos/legend-shared": "workspace:*"
     "@testing-library/dom": 8.13.0
-    "@testing-library/react": 12.1.5
-    "@types/react": 17.0.44
-    "@types/react-dom": 17.0.16
+    "@testing-library/react": 13.2.0
+    "@types/react": 18.0.8
+    "@types/react-dom": 18.0.3
     "@types/react-router-dom": 5.3.2
     cross-env: 7.0.3
     date-fns: 2.28.0
@@ -2806,10 +2714,10 @@ __metadata:
     monaco-editor: 0.33.0
     node-diff3: 3.1.0
     npm-run-all: 4.1.5
-    react: 17.0.2
-    react-dnd: 15.1.2
-    react-dnd-html5-backend: 15.1.3
-    react-dom: 17.0.2
+    react: 18.1.0
+    react-dnd: 16.0.1
+    react-dnd-html5-backend: 16.0.1
+    react-dom: 18.1.0
     react-hotkeys: 2.0.0
     react-resize-detector: 7.0.0
     react-router: 5.2.1
@@ -2820,7 +2728,7 @@ __metadata:
     sql-formatter: 4.0.2
     typescript: 4.6.4
   peerDependencies:
-    react: ^17.0.0
+    react: ^18.0.0
   languageName: unknown
   linkType: soft
 
@@ -2834,11 +2742,11 @@ __metadata:
     "@finos/legend-graph-extension-collection": "workspace:*"
     "@finos/legend-shared": "workspace:*"
     "@finos/legend-taxonomy": "workspace:*"
-    "@types/react": 17.0.44
+    "@types/react": 18.0.8
     cross-env: 7.0.3
     eslint: 8.14.0
     npm-run-all: 4.1.5
-    react: 17.0.2
+    react: 18.1.0
     rimraf: 3.0.2
     sass: 1.51.0
     typescript: 4.6.4
@@ -2876,8 +2784,8 @@ __metadata:
     "@finos/legend-model-storage": "workspace:*"
     "@finos/legend-server-depot": "workspace:*"
     "@finos/legend-shared": "workspace:*"
-    "@types/react": 17.0.44
-    "@types/react-dom": 17.0.16
+    "@types/react": 18.0.8
+    "@types/react-dom": 18.0.3
     "@types/react-router-dom": 5.3.2
     cross-env: 7.0.3
     eslint: 8.14.0
@@ -2886,8 +2794,8 @@ __metadata:
     mobx: 6.5.0
     mobx-react-lite: 3.4.0
     npm-run-all: 4.1.5
-    react: 17.0.2
-    react-dom: 17.0.2
+    react: 18.1.0
+    react-dom: 18.1.0
     react-hotkeys: 2.0.0
     react-resize-detector: 7.0.0
     react-router: 5.2.1
@@ -2897,7 +2805,7 @@ __metadata:
     serializr: 2.0.5
     typescript: 4.6.4
   peerDependencies:
-    react: ^17.0.0
+    react: ^18.0.0
   languageName: unknown
   linkType: soft
 
@@ -3011,20 +2919,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@jest/console@npm:^28.0.2":
-  version: 28.0.2
-  resolution: "@jest/console@npm:28.0.2"
-  dependencies:
-    "@jest/types": ^28.0.2
-    "@types/node": "*"
-    chalk: ^4.0.0
-    jest-message-util: ^28.0.2
-    jest-util: ^28.0.2
-    slash: ^3.0.0
-  checksum: d2be8ad54dfa58b9c566380689c55e9b7bbda6d9293d39709d69c28b7904d264959bdfa1c71c90e2cba76105a59ea3e4648295b8f379a176c6b1c89c495c2882
-  languageName: node
-  linkType: hard
-
 "@jest/console@npm:^28.1.0":
   version: 28.1.0
   resolution: "@jest/console@npm:28.1.0"
@@ -3194,18 +3088,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@jest/test-result@npm:^28.0.2":
-  version: 28.0.2
-  resolution: "@jest/test-result@npm:28.0.2"
-  dependencies:
-    "@jest/console": ^28.0.2
-    "@jest/types": ^28.0.2
-    "@types/istanbul-lib-coverage": ^2.0.0
-    collect-v8-coverage: ^1.0.0
-  checksum: 4ba2a618e223496f7a8efabc2fc5411ea51675052043df61df8462031130ca3a6e12903033343ce24559b060ed2576eae8ca3a4f8f81d50b7b18846fa57c36d4
-  languageName: node
-  linkType: hard
-
 "@jest/test-result@npm:^28.1.0":
   version: 28.1.0
   resolution: "@jest/test-result@npm:28.1.0"
@@ -3253,20 +3135,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@jest/types@npm:^28.0.2":
-  version: 28.0.2
-  resolution: "@jest/types@npm:28.0.2"
-  dependencies:
-    "@jest/schemas": ^28.0.2
-    "@types/istanbul-lib-coverage": ^2.0.0
-    "@types/istanbul-reports": ^3.0.0
-    "@types/node": "*"
-    "@types/yargs": ^17.0.8
-    chalk: ^4.0.0
-  checksum: ffb166ed4a90aaeb8cdf04928f15cda8ac29076cb88963d7cfde4740daa5649d689f713b3f815ca7db49c01eda3a932b1d904d76877a5f3b5837a0a6fb727379
-  languageName: node
-  linkType: hard
-
 "@jest/types@npm:^28.1.0":
   version: 28.1.0
   resolution: "@jest/types@npm:28.1.0"
@@ -3292,33 +3160,33 @@ __metadata:
   linkType: hard
 
 "@jridgewell/resolve-uri@npm:^3.0.3":
-  version: 3.0.6
-  resolution: "@jridgewell/resolve-uri@npm:3.0.6"
-  checksum: e57cc08d2aaea6bd55e77e7a124beb2fcca87be28c0db6c2d69b7cb2cb4e14109bbef1d57ae6250bf5f4a4ad950f094ed99c8925adaf82336b66dab0ad6906e6
+  version: 3.0.7
+  resolution: "@jridgewell/resolve-uri@npm:3.0.7"
+  checksum: 94f454f4cef8f0acaad85745fd3ca6cd0d62ef731cf9f952ecb89b8b2ce5e20998cd52be31311cedc5fa5b28b1708a15f3ad9df0fe1447ee4f42959b036c4b5b
   languageName: node
   linkType: hard
 
 "@jridgewell/set-array@npm:^1.0.0":
-  version: 1.1.0
-  resolution: "@jridgewell/set-array@npm:1.1.0"
-  checksum: 86ddd72ce7d2f7756dfb69804b35d0e760a85dcef30ed72e8610bf2c5e843f8878d977a0c77c4fdfa6a0e3d5b18e5bde4a1f1dd73fd2db06b200c998e9b5a6c5
+  version: 1.1.1
+  resolution: "@jridgewell/set-array@npm:1.1.1"
+  checksum: cc5d91e0381c347e3edee4ca90b3c292df9e6e55f29acbe0dd97de8651b4730e9ab761406fd572effa79972a0edc55647b627f8c72315e276d959508853d9bf2
   languageName: node
   linkType: hard
 
 "@jridgewell/sourcemap-codec@npm:^1.4.10":
-  version: 1.4.11
-  resolution: "@jridgewell/sourcemap-codec@npm:1.4.11"
-  checksum: 3b2afaf8400fb07a36db60e901fcce6a746cdec587310ee9035939d89878e57b2dec8173b0b8f63176f647efa352294049a53c49739098eb907ff81fec2547c8
+  version: 1.4.13
+  resolution: "@jridgewell/sourcemap-codec@npm:1.4.13"
+  checksum: f14449096f60a5f921262322fef65ce0bbbfb778080b3b20212080bcefdeba621c43a58c27065bd536ecb4cc767b18eb9c45f15b6b98a4970139572b60603a1c
   languageName: node
   linkType: hard
 
 "@jridgewell/trace-mapping@npm:^0.3.7, @jridgewell/trace-mapping@npm:^0.3.9":
-  version: 0.3.9
-  resolution: "@jridgewell/trace-mapping@npm:0.3.9"
+  version: 0.3.10
+  resolution: "@jridgewell/trace-mapping@npm:0.3.10"
   dependencies:
     "@jridgewell/resolve-uri": ^3.0.3
     "@jridgewell/sourcemap-codec": ^1.4.10
-  checksum: d89597752fd88d3f3480845691a05a44bd21faac18e2185b6f436c3b0fd0c5a859fbbd9aaa92050c4052caf325ad3e10e2e1d1b64327517471b7d51babc0ddef
+  checksum: 1e5f7ff99f6fe8b671aab61b5a943d00f689728380e2d20df1e8a7418b421d4f941679ab327282d9ad5b2d71c0eedf2928ad2b974d0bd046e57c6fd66e891144
   languageName: node
   linkType: hard
 
@@ -3720,31 +3588,31 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@react-dnd/asap@npm:4.0.1":
-  version: 4.0.1
-  resolution: "@react-dnd/asap@npm:4.0.1"
-  checksum: 757db3b5c436a95383b74f187f503321092909401ce9665d9cc1999308a44de22809bf8dbe82c9126bd73b72dd6665bbc4a788e864fc3c243c59f65057a4f87f
+"@react-dnd/asap@npm:^5.0.1":
+  version: 5.0.2
+  resolution: "@react-dnd/asap@npm:5.0.2"
+  checksum: 18f040e53512983f11c542ef21e6e4cac605d585a10cd764b13bc1b2f3ac7490e0fa40503adc348d8387aa45bc8e7eebe9cb33003b960a30bb5fde666ff2adde
   languageName: node
   linkType: hard
 
-"@react-dnd/invariant@npm:3.0.1":
-  version: 3.0.1
-  resolution: "@react-dnd/invariant@npm:3.0.1"
-  checksum: c1626899b8b8af0dc5c10a5745709fc415a6c81f1b729e589c579ac9a563471882c1cd9ca362f6df37f3ef9a0481316aeb1f587cbf8c104e82ceda11639af8e8
+"@react-dnd/invariant@npm:^4.0.1":
+  version: 4.0.2
+  resolution: "@react-dnd/invariant@npm:4.0.2"
+  checksum: 594f6d78896c19bb8f023e101334fd91a9fdff686117bd8e830ba53737ec0a6042dab66971d3d63c7afbc622103909aff7a64c5c6767e0aa8d9561fd42705016
   languageName: node
   linkType: hard
 
-"@react-dnd/shallowequal@npm:3.0.1":
-  version: 3.0.1
-  resolution: "@react-dnd/shallowequal@npm:3.0.1"
-  checksum: 0a41d7283a113126d98072a1c9f11d38a853dd7d6473ff1d5b8c24374977451266ba01f2e27bc5159bab08dda0a0a751672bb47a432def1db2871fd323369d8c
+"@react-dnd/shallowequal@npm:^4.0.1":
+  version: 4.0.2
+  resolution: "@react-dnd/shallowequal@npm:4.0.2"
+  checksum: 7f21d691bddbfd4d2830948cbeefecca1600b2b46bcb1934926795f07ae8a1fa60a3dfd3a2112be5ef682c3820c80a99711e9fa15843f7e300acb25a4ecb70ab
   languageName: node
   linkType: hard
 
 "@sinclair/typebox@npm:^0.23.3":
-  version: 0.23.4
-  resolution: "@sinclair/typebox@npm:0.23.4"
-  checksum: 98af5b70bf23a36061886966038058c22238d68bcd1bb2528b4470506f8a08ec5190f5f4190de17ce5fa54ebcaf7e150efbe96db6acab2696911391e4358ab39
+  version: 0.23.5
+  resolution: "@sinclair/typebox@npm:0.23.5"
+  checksum: c96056d35d9cb862aeb635ff8873e2e7633e668dd544e162aee2690a82c970d0b3f90aa2b3501fe374dfa8e792388559a3e3a86712b23ebaef10061add534f47
   languageName: node
   linkType: hard
 
@@ -3782,7 +3650,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@testing-library/dom@npm:8.13.0, @testing-library/dom@npm:^8.0.0":
+"@testing-library/dom@npm:8.13.0, @testing-library/dom@npm:^8.5.0":
   version: 8.13.0
   resolution: "@testing-library/dom@npm:8.13.0"
   dependencies:
@@ -3798,17 +3666,17 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@testing-library/react@npm:12.1.5":
-  version: 12.1.5
-  resolution: "@testing-library/react@npm:12.1.5"
+"@testing-library/react@npm:13.2.0":
+  version: 13.2.0
+  resolution: "@testing-library/react@npm:13.2.0"
   dependencies:
     "@babel/runtime": ^7.12.5
-    "@testing-library/dom": ^8.0.0
-    "@types/react-dom": <18.0.0
+    "@testing-library/dom": ^8.5.0
+    "@types/react-dom": ^18.0.0
   peerDependencies:
-    react: <18.0.0
-    react-dom: <18.0.0
-  checksum: 4abd0490405e709a7df584a0db604e508a4612398bb1326e8fa32dd9393b15badc826dcf6d2f7525437886d507871f719f127b9860ed69ddd204d1fa834f576a
+    react: ^18.0.0
+    react-dom: ^18.0.0
+  checksum: 29f4a97c932a7fd78a55791a0ae0ba8d33c5241acbade98b6714440981e6e3d86a243e0b22161d3323b549ce059c175ae56d6b5053ad44083ab6e40ca211f19e
   languageName: node
   linkType: hard
 
@@ -3939,12 +3807,12 @@ __metadata:
   linkType: hard
 
 "@types/eslint@npm:*":
-  version: 8.4.1
-  resolution: "@types/eslint@npm:8.4.1"
+  version: 8.4.2
+  resolution: "@types/eslint@npm:8.4.2"
   dependencies:
     "@types/estree": "*"
     "@types/json-schema": "*"
-  checksum: b5790997ee9d3820d16350192d41849b0e2448c9e93650acac672ddf502e35c0a5a25547172a9eec840a96687cd94ba1cee672cbd86640f8f4ff1b65960d2ab9
+  checksum: e81268cdeb8d64d84af649344df88f064ece0f05db62072657c976b6162ffe16f94b6480a5367d627c629272c2d86d0ee8c24f7095e98f8e743b16f98500673b
   languageName: node
   linkType: hard
 
@@ -4021,11 +3889,11 @@ __metadata:
   linkType: hard
 
 "@types/http-proxy@npm:^1.17.8":
-  version: 1.17.8
-  resolution: "@types/http-proxy@npm:1.17.8"
+  version: 1.17.9
+  resolution: "@types/http-proxy@npm:1.17.9"
   dependencies:
     "@types/node": "*"
-  checksum: 3b3d683498267096c8aca03652702243b1e087bc20e77a9abe74fdbee1c89c8283ee41c47d245cda2f422483b01980d70a1030b92a8ff24b280e0aa868241a8b
+  checksum: 7a6746d00729b2a9fe9f9dd3453430b099931df879ec8f7a7b5f07b1795f6d99b0512640c45a67390b1e4bacb9401e36824952aeeaf089feba8627a063cf8e00
   languageName: node
   linkType: hard
 
@@ -4174,14 +4042,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/node@npm:*":
-  version: 17.0.29
-  resolution: "@types/node@npm:17.0.29"
-  checksum: bb9d7bce9d6d3882efd9d63b773b548dce98df4bd57eff8ceaa316aa2f3346e36d3618764cc93da84bbff92005174a35eec3465cde91ee973ef1c351ffa40074
-  languageName: node
-  linkType: hard
-
-"@types/node@npm:17.0.31":
+"@types/node@npm:*, @types/node@npm:17.0.31":
   version: 17.0.31
   resolution: "@types/node@npm:17.0.31"
   checksum: 704618350f8420d5c47db0f7778398e821b7724369946f5c441a7e6b9343295553936400eb8309f0b07d5e39c240988ab3456b983712ca86265dabc9aee4ad3d
@@ -4267,21 +4128,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/react-dom@npm:*":
-  version: 18.0.2
-  resolution: "@types/react-dom@npm:18.0.2"
+"@types/react-dom@npm:*, @types/react-dom@npm:18.0.3, @types/react-dom@npm:^18.0.0":
+  version: 18.0.3
+  resolution: "@types/react-dom@npm:18.0.3"
   dependencies:
     "@types/react": "*"
-  checksum: 2b0b138d8634ccfd8a86b17cb5414b122ee0cb6f650377d772f6008761a27e4c2531c08e3cab71aaa19b6893af6a508c664aa314db3ebcff5b8179173c9c9307
-  languageName: node
-  linkType: hard
-
-"@types/react-dom@npm:17.0.16, @types/react-dom@npm:<18.0.0":
-  version: 17.0.16
-  resolution: "@types/react-dom@npm:17.0.16"
-  dependencies:
-    "@types/react": ^17
-  checksum: 2f41a45ef955c8f68a7bcd22343715f15e1560a5e5ba941568b3c970d9151f78fe0975ecf4df7f691339af546555e0f23fa423a0a5bcd7ea4dd4f9c245509936
+  checksum: 5c87fb610e212f0942ebbf522dfca4c9dc2ac8afa4c601454415e7c42f993518868207faff7658d11974142937ba7af2f80e274c3a3f5e0e697bdd5547dbe1b0
   languageName: node
   linkType: hard
 
@@ -4345,14 +4197,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/react@npm:^17.0.0":
-  version: 17.0.44
-  resolution: "@types/react@npm:17.0.44"
+"@types/react@npm:*, @types/react@npm:18.0.8":
+  version: 18.0.8
+  resolution: "@types/react@npm:18.0.8"
   dependencies:
     "@types/prop-types": "*"
     "@types/scheduler": "*"
     csstype: ^3.0.2
-  checksum: ebee02778ca08f954c316dc907802264e0121c87b8fa2e7e0156ab0ef2a1b0a09d968c016a3600ec4c9a17dc09b4274f292d9b15a1a5369bb7e4072def82808f
+  checksum: 12d0e6bc390709926d8eaeb7d2edb4ef9c9fbe8eac41cb0619d958386700547bff91c880c2a12a9eb1e0d09afa4f1e86fd1b93164c627824465b72123f149f3b
   languageName: node
   linkType: hard
 
@@ -5134,15 +4986,15 @@ __metadata:
   linkType: hard
 
 "array-includes@npm:^3.1.4":
-  version: 3.1.4
-  resolution: "array-includes@npm:3.1.4"
+  version: 3.1.5
+  resolution: "array-includes@npm:3.1.5"
   dependencies:
     call-bind: ^1.0.2
-    define-properties: ^1.1.3
-    es-abstract: ^1.19.1
+    define-properties: ^1.1.4
+    es-abstract: ^1.19.5
     get-intrinsic: ^1.1.1
     is-string: ^1.0.7
-  checksum: 69967c38c52698f84b50a7aed5554aadc89c6ac6399b6d92ad061a5952f8423b4bba054c51d40963f791dfa294d7247cdd7988b6b1f2c5861477031c6386e1c0
+  checksum: f6f24d834179604656b7bec3e047251d5cc87e9e87fab7c175c61af48e80e75acd296017abcde21fb52292ab6a2a449ab2ee37213ee48c8709f004d75983f9c5
   languageName: node
   linkType: hard
 
@@ -5590,7 +5442,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"browserslist@npm:^4.0.0, browserslist@npm:^4.14.5, browserslist@npm:^4.16.6, browserslist@npm:^4.17.5, browserslist@npm:^4.20.2, browserslist@npm:^4.20.3":
+"browserslist@npm:^4.0.0, browserslist@npm:^4.14.5, browserslist@npm:^4.16.6, browserslist@npm:^4.20.2, browserslist@npm:^4.20.3":
   version: 4.20.3
   resolution: "browserslist@npm:4.20.3"
   dependencies:
@@ -5750,17 +5602,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"caniuse-lite@npm:^1.0.0, caniuse-lite@npm:^1.0.30001332":
-  version: 1.0.30001332
-  resolution: "caniuse-lite@npm:1.0.30001332"
-  checksum: e54182ea42ab3d2ff1440f9a6480292f7ab23c00c188df7ad65586312e4da567e8bedd5cb5fb8f0ff4193dc027a54e17e0b3c0b6db5d5a3fb61c7726ff9c45b3
-  languageName: node
-  linkType: hard
-
-"caniuse-lite@npm:^1.0.30001335":
-  version: 1.0.30001335
-  resolution: "caniuse-lite@npm:1.0.30001335"
-  checksum: fe08b49ec6cb76cc69958ff001cf89d0a8ef9f35e0c8028b65981585046384f76e007d64dea372a34ca56d91caa83cc614c00779fe2b4d378aa0e68696374f67
+"caniuse-lite@npm:^1.0.0, caniuse-lite@npm:^1.0.30001332, caniuse-lite@npm:^1.0.30001335":
+  version: 1.0.30001338
+  resolution: "caniuse-lite@npm:1.0.30001338"
+  checksum: 80ac481b20aac13d6168825762e2ad9b9895d36451088b921400c3cd818185e6d113c2d202e82cf3b88f4d2311b3064507f2e3f9fe9f0935fcaf42d9d4f15570
   languageName: node
   linkType: hard
 
@@ -6253,20 +6098,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"cookie@npm:0.5.0":
+"cookie@npm:0.5.0, cookie@npm:^0.5.0":
   version: 0.5.0
   resolution: "cookie@npm:0.5.0"
   checksum: 1f4bd2ca5765f8c9689a7e8954183f5332139eb72b6ff783d8947032ec1fdf43109852c178e21a953a30c0dd42257828185be01b49d1eb1a67fd054ca588a180
   languageName: node
   linkType: hard
 
-"cookie@npm:^0.4.0":
-  version: 0.4.2
-  resolution: "cookie@npm:0.4.2"
-  checksum: a00833c998bedf8e787b4c342defe5fa419abd96b32f4464f718b91022586b8f1bafbddd499288e75c037642493c83083da426c6a9080d309e3bd90fd11baa9b
-  languageName: node
-  linkType: hard
-
 "copy-webpack-plugin@npm:10.2.4":
   version: 10.2.4
   resolution: "copy-webpack-plugin@npm:10.2.4"
@@ -6283,17 +6121,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"core-js-compat@npm:^3.21.0":
-  version: 3.22.2
-  resolution: "core-js-compat@npm:3.22.2"
-  dependencies:
-    browserslist: ^4.20.2
-    semver: 7.0.0
-  checksum: 4460d99c1e618a543976ebcc329c5e063254d746bf1eeda5e2ab7b43589071e8627b950c10e6189d8d231982788969203dbcdc264a5bb6dcea6ddfb32cce0214
-  languageName: node
-  linkType: hard
-
-"core-js-compat@npm:^3.22.1":
+"core-js-compat@npm:^3.21.0, core-js-compat@npm:^3.22.1":
   version: 3.22.4
   resolution: "core-js-compat@npm:3.22.4"
   dependencies:
@@ -6304,9 +6132,9 @@ __metadata:
   linkType: hard
 
 "core-js-pure@npm:^3.8.1":
-  version: 3.22.2
-  resolution: "core-js-pure@npm:3.22.2"
-  checksum: d0618aa2f45182fbce5feb6b436c72a71e1d2a739ec7546be453460fc9938d30235da4506ea128a22780ca00b84f4f5528da8019719a2fba16da6f44999d3bff
+  version: 3.22.4
+  resolution: "core-js-pure@npm:3.22.4"
+  checksum: 5499aaf7b90da501552f34ffec11853dd41bbd00c5ce9511e0a292edc581b55598a58c5f98f3aecb3d63d893875cef8d631f10fe9984a101a86b7b1ec564b650
   languageName: node
   linkType: hard
 
@@ -6774,7 +6602,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"define-properties@npm:^1.1.3":
+"define-properties@npm:^1.1.3, define-properties@npm:^1.1.4":
   version: 1.1.4
   resolution: "define-properties@npm:1.1.4"
   dependencies:
@@ -6899,14 +6727,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"dnd-core@npm:15.1.2":
-  version: 15.1.2
-  resolution: "dnd-core@npm:15.1.2"
+"dnd-core@npm:^16.0.1":
+  version: 16.0.1
+  resolution: "dnd-core@npm:16.0.1"
   dependencies:
-    "@react-dnd/asap": 4.0.1
-    "@react-dnd/invariant": 3.0.1
-    redux: ^4.1.2
-  checksum: c3b1759fbcdbe1f102793bdda0f422ffa3e6d99f06a6d135bb65a728849eb50746dfffdfd52652bf0332795f61a522ff4e1a57364e0ae162ac7018a234fa9b52
+    "@react-dnd/asap": ^5.0.1
+    "@react-dnd/invariant": ^4.0.1
+    redux: ^4.2.0
+  checksum: b7d3ef4664f433af796f440ddd27ad9d7fef0205f26c4b7c0af6ebf612ffa9b33e64d095d3e79190c4baaed34aa36570f321ebe0d2cc8ff1031ff158a0907b3f
   languageName: node
   linkType: hard
 
@@ -7072,9 +6900,9 @@ __metadata:
   linkType: hard
 
 "electron-to-chromium@npm:^1.4.118":
-  version: 1.4.123
-  resolution: "electron-to-chromium@npm:1.4.123"
-  checksum: da7800ead12e233cf503182d6168f22c1c21c24c314150f54a01e54a612a3abe61b976c43c9c69003787b3844660733b9ed3e842470d906b8bbd03e50b966772
+  version: 1.4.136
+  resolution: "electron-to-chromium@npm:1.4.136"
+  checksum: 98eaecc752fcff816a344615d1652fc417ff7e2cb63a4d2b8947784cf4d74da3e5271186b3cf6cb62ba829beb1af552d6b3b98072ecb6c2e59b281bf4a6a5909
   languageName: node
   linkType: hard
 
@@ -7198,16 +7026,18 @@ __metadata:
   languageName: node
   linkType: hard
 
-"es-abstract@npm:^1.19.1, es-abstract@npm:^1.19.2":
-  version: 1.19.5
-  resolution: "es-abstract@npm:1.19.5"
+"es-abstract@npm:^1.19.0, es-abstract@npm:^1.19.1, es-abstract@npm:^1.19.2, es-abstract@npm:^1.19.5":
+  version: 1.20.0
+  resolution: "es-abstract@npm:1.20.0"
   dependencies:
     call-bind: ^1.0.2
     es-to-primitive: ^1.2.1
     function-bind: ^1.1.1
+    function.prototype.name: ^1.1.5
     get-intrinsic: ^1.1.1
     get-symbol-description: ^1.0.0
     has: ^1.0.3
+    has-property-descriptors: ^1.0.0
     has-symbols: ^1.0.3
     internal-slot: ^1.0.3
     is-callable: ^1.2.4
@@ -7219,10 +7049,11 @@ __metadata:
     object-inspect: ^1.12.0
     object-keys: ^1.1.1
     object.assign: ^4.1.2
-    string.prototype.trimend: ^1.0.4
-    string.prototype.trimstart: ^1.0.4
-    unbox-primitive: ^1.0.1
-  checksum: 55199b0f179a12b3b0ec9c9f2e3a27a7561686e4f88d46f9ef32c836448a336e367c14d8f792612fc83a64113896e478259e4dffbbcffb3efdd06650f6360324
+    regexp.prototype.flags: ^1.4.1
+    string.prototype.trimend: ^1.0.5
+    string.prototype.trimstart: ^1.0.5
+    unbox-primitive: ^1.0.2
+  checksum: c9cc85a7aa0e3cdef740293b4b90892d6954e4e834d0888e3071cc9544bce0ae12923f5026a1970e0ac75a254d311d53e72ba4675647b81e7ca05acb703004e6
   languageName: node
   linkType: hard
 
@@ -7390,12 +7221,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"eslint-plugin-react-hooks@npm:4.4.0":
-  version: 4.4.0
-  resolution: "eslint-plugin-react-hooks@npm:4.4.0"
+"eslint-plugin-react-hooks@npm:4.5.0":
+  version: 4.5.0
+  resolution: "eslint-plugin-react-hooks@npm:4.5.0"
   peerDependencies:
     eslint: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0
-  checksum: 350b50d45677cb2df682b9e54475912746bd2f56fc342e4d47fad78d71eb1b2b742e702f1e6c04ab2196346d3d7a2e327b5eee826f5b96bfb84b5c41d35e44e9
+  checksum: 0389377de635dd9b769f6f52e2c9e6ab857a0cdfecc3734c95ce81676a752e781bb5c44fd180e01953a03a77278323d90729776438815557b069ceb988ab1f9f
   languageName: node
   linkType: hard
 
@@ -7641,8 +7472,8 @@ __metadata:
   linkType: hard
 
 "express@npm:^4.17.3":
-  version: 4.18.0
-  resolution: "express@npm:4.18.0"
+  version: 4.18.1
+  resolution: "express@npm:4.18.1"
   dependencies:
     accepts: ~1.3.8
     array-flatten: 1.1.1
@@ -7675,7 +7506,7 @@ __metadata:
     type-is: ~1.6.18
     utils-merge: 1.0.1
     vary: ~1.1.2
-  checksum: 2d83ccb02aedfc68ae99ff13b97f65896f4e0866a92f34e041fa3de858ce862bcb5ecd0cf43f266514eda777b8e0d55627a2430894a6ce17e30febf78da40c60
+  checksum: c3d44c92e48226ef32ec978becfedb0ecf0ca21316bfd33674b3c5d20459840584f2325726a4f17f33d9c99f769636f728982d1c5433a5b6fe6eb95b8cf0c854
   languageName: node
   linkType: hard
 
@@ -7985,12 +7816,12 @@ __metadata:
   linkType: hard
 
 "follow-redirects@npm:^1.0.0, follow-redirects@npm:^1.14.9":
-  version: 1.14.9
-  resolution: "follow-redirects@npm:1.14.9"
+  version: 1.15.0
+  resolution: "follow-redirects@npm:1.15.0"
   peerDependenciesMeta:
     debug:
       optional: true
-  checksum: f5982e0eb481818642492d3ca35a86989c98af1128b8e1a62911a3410621bc15d2b079e8170b35b19d3bdee770b73ed431a257ed86195af773771145baa57845
+  checksum: eaec81c3e0ae57aae2422e38ad3539d0e7279b3a63f9681eeea319bb683dea67502c4e097136b8ce9721542b4e236e092b6b49e34e326cdd7733c274f0a3f378
   languageName: node
   linkType: hard
 
@@ -8108,6 +7939,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"function.prototype.name@npm:^1.1.5":
+  version: 1.1.5
+  resolution: "function.prototype.name@npm:1.1.5"
+  dependencies:
+    call-bind: ^1.0.2
+    define-properties: ^1.1.3
+    es-abstract: ^1.19.0
+    functions-have-names: ^1.2.2
+  checksum: acd21d733a9b649c2c442f067567743214af5fa248dbeee69d8278ce7df3329ea5abac572be9f7470b4ec1cd4d8f1040e3c5caccf98ebf2bf861a0deab735c27
+  languageName: node
+  linkType: hard
+
 "functional-red-black-tree@npm:^1.0.1":
   version: 1.0.1
   resolution: "functional-red-black-tree@npm:1.0.1"
@@ -9768,23 +9611,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-message-util@npm:^28.0.2":
-  version: 28.0.2
-  resolution: "jest-message-util@npm:28.0.2"
-  dependencies:
-    "@babel/code-frame": ^7.12.13
-    "@jest/types": ^28.0.2
-    "@types/stack-utils": ^2.0.0
-    chalk: ^4.0.0
-    graceful-fs: ^4.2.9
-    micromatch: ^4.0.4
-    pretty-format: ^28.0.2
-    slash: ^3.0.0
-    stack-utils: ^2.0.3
-  checksum: 61a180667fe5c00551b1e0cb8ee09a4844bbdebb6940e3810aad5fac9bc647862572dedf20c8cf77b9643679d4947b0452d8e3afcef7e3b4139997447384facc
-  languageName: node
-  linkType: hard
-
 "jest-message-util@npm:^28.1.0":
   version: 28.1.0
   resolution: "jest-message-util@npm:28.1.0"
@@ -9948,20 +9774,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-util@npm:^28.0.2":
-  version: 28.0.2
-  resolution: "jest-util@npm:28.0.2"
-  dependencies:
-    "@jest/types": ^28.0.2
-    "@types/node": "*"
-    chalk: ^4.0.0
-    ci-info: ^3.2.0
-    graceful-fs: ^4.2.9
-    picomatch: ^2.2.3
-  checksum: 3e50e73c93c36ebc378c22b47ba02bf0bbe093266553956a8186e2670080c125d9419b1efeadb4ce59561c28d2df9af15fa19e1fdb9c0b4c3a3fe7c2f0af51a7
-  languageName: node
-  linkType: hard
-
 "jest-util@npm:^28.1.0":
   version: 28.1.0
   resolution: "jest-util@npm:28.1.0"
@@ -10007,23 +9819,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-watcher@npm:^28.0.0":
-  version: 28.0.2
-  resolution: "jest-watcher@npm:28.0.2"
-  dependencies:
-    "@jest/test-result": ^28.0.2
-    "@jest/types": ^28.0.2
-    "@types/node": "*"
-    ansi-escapes: ^4.2.1
-    chalk: ^4.0.0
-    emittery: ^0.10.2
-    jest-util: ^28.0.2
-    string-length: ^4.0.1
-  checksum: 11ee5ad02d4427eb290406c59615afa009125ae21ff0c1ad9c4e094270f3ec89535caa1bcfc72883251eacfccc29d3c9eb63da26d4525d82a014bd8d7c2bfdd9
-  languageName: node
-  linkType: hard
-
-"jest-watcher@npm:^28.1.0":
+"jest-watcher@npm:^28.0.0, jest-watcher@npm:^28.1.0":
   version: 28.1.0
   resolution: "jest-watcher@npm:28.1.0"
   dependencies:
@@ -10262,12 +10058,12 @@ __metadata:
   linkType: hard
 
 "jsx-ast-utils@npm:^2.4.1 || ^3.0.0":
-  version: 3.2.2
-  resolution: "jsx-ast-utils@npm:3.2.2"
+  version: 3.3.0
+  resolution: "jsx-ast-utils@npm:3.3.0"
   dependencies:
     array-includes: ^3.1.4
     object.assign: ^4.1.2
-  checksum: 88c7ade9e1edb8e27021c9ac194184f47d6ffd3852807c3aac44b1610f7eb33359e1aa872a35008d43ed66b5f7be0f6fd8d6e0574d01cf3a4af3ceb0cd0b5988
+  checksum: e3c0667e8979c70600fb0456b19f0ec194994c953678ac2772a819d8d5740df2ed751e49e4f1db7869bf63251585a93b18acd42ef02269fe41cb23941d0d4950
   languageName: node
   linkType: hard
 
@@ -10388,14 +10184,14 @@ __metadata:
   linkType: hard
 
 "light-my-request@npm:^4.2.0":
-  version: 4.9.0
-  resolution: "light-my-request@npm:4.9.0"
+  version: 4.10.1
+  resolution: "light-my-request@npm:4.10.1"
   dependencies:
     ajv: ^8.1.0
-    cookie: ^0.4.0
+    cookie: ^0.5.0
     process-warning: ^1.0.0
     set-cookie-parser: ^2.4.1
-  checksum: 8551310e93b4637cd7460fc23baa8c6e7ef4751afe4bfffbbf4ef3f7dd6713a72f2ac1db2d0eaa464f3f78e03917ec45c86066ca72748fae711b9d34d7a38992
+  checksum: 137856232489f0198f4da72fcc6c83db9ed8d653b8c00c30f9e518a58bd67259e429894657153ec667c5ce2064206ea8ea5b6be76a9ada9376a054f2de51748f
   languageName: node
   linkType: hard
 
@@ -10695,9 +10491,9 @@ __metadata:
   linkType: hard
 
 "lru-cache@npm:^7.7.1":
-  version: 7.8.1
-  resolution: "lru-cache@npm:7.8.1"
-  checksum: 31ea67388c9774300331d70f4affd5a433869bcf0fae5405f967d19d7b447930b713b0566a2e95362c9082034a8b496f3671ccf8f0c061d8e8048412663f9432
+  version: 7.9.0
+  resolution: "lru-cache@npm:7.9.0"
+  checksum: c91a293a103d11ea4f07de4122ba4f73d8203d0de51852fb612b1764296aebf623a3e11dddef1b3aefdc8d71af97d52b222dad5459dcb967713bbab9a19fed7d
   languageName: node
   linkType: hard
 
@@ -11695,12 +11491,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"nanoid@npm:^3.3.1, nanoid@npm:^3.3.3":
-  version: 3.3.3
-  resolution: "nanoid@npm:3.3.3"
+"nanoid@npm:^3.3.3":
+  version: 3.3.4
+  resolution: "nanoid@npm:3.3.4"
   bin:
     nanoid: bin/nanoid.cjs
-  checksum: ada019402a07464a694553c61d2dca8a4353645a7d92f2830f0d487fedff403678a0bee5323a46522752b2eab95a0bc3da98b6cccaa7c0c55cd9975130e6d6f0
+  checksum: 2fddd6dee994b7676f008d3ffa4ab16035a754f4bb586c61df5a22cf8c8c94017aadd360368f47d653829e0569a92b129979152ff97af23a558331e47e37cd9c
   languageName: node
   linkType: hard
 
@@ -11798,9 +11594,9 @@ __metadata:
   linkType: hard
 
 "node-releases@npm:^2.0.3":
-  version: 2.0.3
-  resolution: "node-releases@npm:2.0.3"
-  checksum: 5e555fbbebb3343a5d1e5f4e10e1737998bedc57472a35027410d17b2678ed9bc0e5fae008f513798a960eb8687159331b1f46f82a3210d39bd7c40d3c9dcead
+  version: 2.0.4
+  resolution: "node-releases@npm:2.0.4"
+  checksum: b32d6c2032c7b169ae3938b416fc50f123f5bd577d54a79b2ae201febf27b22846b01c803dd35ac8689afe840f8ba4e5f7154723db629b80f359836b6707b92f
   languageName: node
   linkType: hard
 
@@ -12026,12 +11822,12 @@ __metadata:
   linkType: hard
 
 "object.hasown@npm:^1.1.0":
-  version: 1.1.0
-  resolution: "object.hasown@npm:1.1.0"
+  version: 1.1.1
+  resolution: "object.hasown@npm:1.1.1"
   dependencies:
-    define-properties: ^1.1.3
-    es-abstract: ^1.19.1
-  checksum: 5c5d0b1b793514609f7a635f3110fbd346e142c9afd2485b802775e1ef6c90e48ff6e8e8744927933370ba30964e21af9c5fcf782b47f34d650aa6b277565330
+    define-properties: ^1.1.4
+    es-abstract: ^1.19.5
+  checksum: d8ed4907ce57f48b93e3b53c418fd6787bf226a51e8d698c91e39b78e80fe5b124cb6282f6a9d5be21cf9e2c7829ab10206dcc6112b7748860eefe641880c793
   languageName: node
   linkType: hard
 
@@ -12975,7 +12771,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"postcss@npm:8.4.13, postcss@npm:^8.4.13":
+"postcss@npm:8.4.13, postcss@npm:^8.4.13, postcss@npm:^8.4.7":
   version: 8.4.13
   resolution: "postcss@npm:8.4.13"
   dependencies:
@@ -12986,17 +12782,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"postcss@npm:^8.4.7":
-  version: 8.4.12
-  resolution: "postcss@npm:8.4.12"
-  dependencies:
-    nanoid: ^3.3.1
-    picocolors: ^1.0.0
-    source-map-js: ^1.0.2
-  checksum: 248e3d0f9bbb8efaafcfda7f91627a29bdc9a19f456896886330beb28c5abea0e14c7901b35191928602e2eccbed496b1e94097d27a0b2a980854cd00c7a835f
-  languageName: node
-  linkType: hard
-
 "preferred-pm@npm:^3.0.0":
   version: 3.0.3
   resolution: "preferred-pm@npm:3.0.3"
@@ -13090,18 +12875,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"pretty-format@npm:^28.0.2":
-  version: 28.0.2
-  resolution: "pretty-format@npm:28.0.2"
-  dependencies:
-    "@jest/schemas": ^28.0.2
-    ansi-regex: ^5.0.1
-    ansi-styles: ^5.0.0
-    react-is: ^18.0.0
-  checksum: 785ce1928f17de0e250496e0413fb9ad883a4d5ebb6e9b346f3094140eb2af096770de8b6d3b8adffc0e9692d031d62a603c851e9f3b81b2670a086ad256ad77
-  languageName: node
-  linkType: hard
-
 "process-nextick-args@npm:~2.0.0":
   version: 2.0.1
   resolution: "process-nextick-args@npm:2.0.1"
@@ -13302,22 +13075,22 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-dnd-html5-backend@npm:15.1.3":
-  version: 15.1.3
-  resolution: "react-dnd-html5-backend@npm:15.1.3"
+"react-dnd-html5-backend@npm:16.0.1":
+  version: 16.0.1
+  resolution: "react-dnd-html5-backend@npm:16.0.1"
   dependencies:
-    dnd-core: 15.1.2
-  checksum: 325672647965873365d5afaa5ddb81562202f30e11a6d4922236f5a1c46eb336db04746726fa070ee328cade45455c636330893d330dddd7d7aad6b45c7bfb7f
+    dnd-core: ^16.0.1
+  checksum: e2368bf85d5632a5cd867b743feb54c9052d909ea5331608860fa455edf3c633ac791f5b338e3db29b19ea8670c0ba5fb43c9c1c2510760bea030811d726cdfa
   languageName: node
   linkType: hard
 
-"react-dnd@npm:15.1.2":
-  version: 15.1.2
-  resolution: "react-dnd@npm:15.1.2"
+"react-dnd@npm:16.0.1":
+  version: 16.0.1
+  resolution: "react-dnd@npm:16.0.1"
   dependencies:
-    "@react-dnd/invariant": 3.0.1
-    "@react-dnd/shallowequal": 3.0.1
-    dnd-core: 15.1.2
+    "@react-dnd/invariant": ^4.0.1
+    "@react-dnd/shallowequal": ^4.0.1
+    dnd-core: ^16.0.1
     fast-deep-equal: ^3.1.3
     hoist-non-react-statics: ^3.3.2
   peerDependencies:
@@ -13332,20 +13105,19 @@ __metadata:
       optional: true
     "@types/react":
       optional: true
-  checksum: 3e8c07ea4c1c0a0a6d2dfd8ba67f4f971dbd868ea50ccecc86f0735f4d583962d1ee4c5a8362b0b92c14538d2696567fed1309ef6ac95f575ccf1b580f99934d
+  checksum: e8da2186aaafcd5bb41c090a995c963a7c3c73c20991667a2cfc0c800d7f7f73913414b2e61c437cdb6221bb2151bd5174088b8b42c17056a896fc4d1da5729f
   languageName: node
   linkType: hard
 
-"react-dom@npm:17.0.2":
-  version: 17.0.2
-  resolution: "react-dom@npm:17.0.2"
+"react-dom@npm:18.1.0":
+  version: 18.1.0
+  resolution: "react-dom@npm:18.1.0"
   dependencies:
     loose-envify: ^1.1.0
-    object-assign: ^4.1.1
-    scheduler: ^0.20.2
+    scheduler: ^0.22.0
   peerDependencies:
-    react: 17.0.2
-  checksum: 1c1eaa3bca7c7228d24b70932e3d7c99e70d1d04e13bb0843bbf321582bc25d7961d6b8a6978a58a598af2af496d1cedcfb1bf65f6b0960a0a8161cb8dab743c
+    react: ^18.1.0
+  checksum: bb0d48eeb0b297c79c2a03978baa29f5b3ff7ba3d070b21e34c9af1a6e7fdf0ca8b8d73e41f9214d91ad40eeb6d1f3559f884cbbc338713374a51320637c23df
   languageName: node
   linkType: hard
 
@@ -13456,10 +13228,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-refresh@npm:0.11.0":
-  version: 0.11.0
-  resolution: "react-refresh@npm:0.11.0"
-  checksum: 112178a05b1e0ffeaf5d9fb4e56b4410a34a73adeb04dbf13abdc50d9ac9df2ada83e81485156cca0b3fa296aa3612751b3d6cd13be4464642a43679b819cbc7
+"react-refresh@npm:0.13.0":
+  version: 0.13.0
+  resolution: "react-refresh@npm:0.13.0"
+  checksum: 1cf2b87ed99e1d388aa3923078bc30cd3ce43ee86e8936944e961d3643c6e85da41ebed6a0996e8bdad75a0d2ce3b7e10638b45018231380d4a174f63a451f75
   languageName: node
   linkType: hard
 
@@ -13559,13 +13331,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react@npm:17.0.2":
-  version: 17.0.2
-  resolution: "react@npm:17.0.2"
+"react@npm:18.1.0":
+  version: 18.1.0
+  resolution: "react@npm:18.1.0"
   dependencies:
     loose-envify: ^1.1.0
-    object-assign: ^4.1.1
-  checksum: b254cc17ce3011788330f7bbf383ab653c6848902d7936a87b09d835d091e3f295f7e9dd1597c6daac5dc80f90e778c8230218ba8ad599f74adcc11e33b9d61b
+  checksum: 5bb296b561b43ef2220395da4faac86c14a087c8c80e1a7598a5740f01ee605c11eaf249985c1e2000971c4cd32ccb46d40f00479bbd9fb6b1c7cf857393b7d4
   languageName: node
   linkType: hard
 
@@ -13669,7 +13440,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"redux@npm:^4.1.2":
+"redux@npm:^4.2.0":
   version: 4.2.0
   resolution: "redux@npm:4.2.0"
   dependencies:
@@ -14138,13 +13909,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"scheduler@npm:^0.20.2":
-  version: 0.20.2
-  resolution: "scheduler@npm:0.20.2"
+"scheduler@npm:^0.22.0":
+  version: 0.22.0
+  resolution: "scheduler@npm:0.22.0"
   dependencies:
     loose-envify: ^1.1.0
-    object-assign: ^4.1.1
-  checksum: c4b35cf967c8f0d3e65753252d0f260271f81a81e427241295c5a7b783abf4ea9e905f22f815ab66676f5313be0a25f47be582254db8f9241b259213e999b8fc
+  checksum: a8ef5cab769c020cd6382ad9ecc3f72dbde56a50a36639b3a42ad9c11f7724f03700bcad373044059b8067d4a6365154dc7c0ca8027ef20ff4900cf58a0fc2c5
   languageName: node
   linkType: hard
 
@@ -14602,7 +14372,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"source-map@npm:^0.5.0, source-map@npm:^0.5.7":
+"source-map@npm:^0.5.7":
   version: 0.5.7
   resolution: "source-map@npm:0.5.7"
   checksum: 5dc2043b93d2f194142c7f38f74a24670cd7a0063acdaf4bf01d2964b402257ae843c2a8fa822ad5b71013b5fcafa55af7421383da919752f22ff488bc553f4d
@@ -14889,23 +14659,25 @@ __metadata:
   languageName: node
   linkType: hard
 
-"string.prototype.trimend@npm:^1.0.4":
-  version: 1.0.4
-  resolution: "string.prototype.trimend@npm:1.0.4"
+"string.prototype.trimend@npm:^1.0.5":
+  version: 1.0.5
+  resolution: "string.prototype.trimend@npm:1.0.5"
   dependencies:
     call-bind: ^1.0.2
-    define-properties: ^1.1.3
-  checksum: 17e5aa45c3983f582693161f972c1c1fa4bbbdf22e70e582b00c91b6575f01680dc34e83005b98e31abe4d5d29e0b21fcc24690239c106c7b2315aade6a898ac
+    define-properties: ^1.1.4
+    es-abstract: ^1.19.5
+  checksum: d44f543833112f57224e79182debadc9f4f3bf9d48a0414d6f0cbd2a86f2b3e8c0ca1f95c3f8e5b32ae83e91554d79d932fc746b411895f03f93d89ed3dfb6bc
   languageName: node
   linkType: hard
 
-"string.prototype.trimstart@npm:^1.0.4":
-  version: 1.0.4
-  resolution: "string.prototype.trimstart@npm:1.0.4"
+"string.prototype.trimstart@npm:^1.0.5":
+  version: 1.0.5
+  resolution: "string.prototype.trimstart@npm:1.0.5"
   dependencies:
     call-bind: ^1.0.2
-    define-properties: ^1.1.3
-  checksum: 3fb06818d3cccac5fa3f5f9873d984794ca0e9f6616fae6fcc745885d9efed4e17fe15f832515d9af5e16c279857fdbffdfc489ca4ed577811b017721b30302f
+    define-properties: ^1.1.4
+    es-abstract: ^1.19.5
+  checksum: a4857c5399ad709d159a77371eeaa8f9cc284469a0b5e1bfe405de16f1fd4166a8ea6f4180e55032f348d1b679b1599fd4301fbc7a8b72bdb3e795e43f7b1048
   languageName: node
   linkType: hard
 
@@ -15278,8 +15050,8 @@ __metadata:
   linkType: hard
 
 "terser@npm:^5.10.0, terser@npm:^5.7.2":
-  version: 5.13.0
-  resolution: "terser@npm:5.13.0"
+  version: 5.13.1
+  resolution: "terser@npm:5.13.1"
   dependencies:
     acorn: ^8.5.0
     commander: ^2.20.0
@@ -15287,7 +15059,7 @@ __metadata:
     source-map-support: ~0.5.20
   bin:
     terser: bin/terser
-  checksum: fb3cfc11c16269f7563de48644b7d5adc4791bbb916eb59cda14db9497a494f287990d0451542294d836ea545d71649ca2c39ce9be35e90b456e9533a1e41259
+  checksum: 0b1f5043cf5c3973005fe2ae4ff3be82511c336a6430599dacd4e2acf77c974d4474b0f1eec4823977c1f33823147e736ff712ca8e098bee3db25946480fa29d
   languageName: node
   linkType: hard
 
@@ -15631,7 +15403,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"unbox-primitive@npm:^1.0.1":
+"unbox-primitive@npm:^1.0.2":
   version: 1.0.2
   resolution: "unbox-primitive@npm:1.0.2"
   dependencies:
@@ -16448,8 +16220,8 @@ __metadata:
   linkType: hard
 
 "ws@npm:^8.2.3, ws@npm:^8.4.2":
-  version: 8.5.0
-  resolution: "ws@npm:8.5.0"
+  version: 8.6.0
+  resolution: "ws@npm:8.6.0"
   peerDependencies:
     bufferutil: ^4.0.1
     utf-8-validate: ^5.0.2
@@ -16458,7 +16230,7 @@ __metadata:
       optional: true
     utf-8-validate:
       optional: true
-  checksum: 76f2f90e40344bf18fd544194e7067812fb1372b2a37865678d8f12afe4b478ff2ebc0c7c0aff82cd5e6b66fc43d889eec0f1865c2365d8f7a66d92da7744a77
+  checksum: e2fca82059f1e087d0c78e2f37135e1b8332bc804fce46f83c2db1cb8571685abf9d2c99b964bab3752536ad90b99b46fb8d1428899aed3e560684ab4641bffd
   languageName: node
   linkType: hard
 

From d2949eb37c02606f70c16a61442bd91ed547cf22 Mon Sep 17 00:00:00 2001
From: An Phi <aphi@skidmore.edu>
Date: Sun, 8 May 2022 19:14:45 -0400
Subject: [PATCH 3/7] fix tests

---
 .../jest/setupDOMPolyfills.js                 |   2 +
 .../QueryBuilder_FetchStructure.test.tsx      |  89 +++++---
 .../QueryBuilder_Milestoning.test.tsx         | 194 +++++++++++-------
 .../LegendStudioApplication.test.tsx          | 121 ++++-------
 .../ProjectConfigurationEditor.test.tsx       |   2 +-
 .../ServiceRegistrationTest.test.tsx          |  30 ++-
 .../components/editor/side-bar/Explorer.tsx   |  14 +-
 .../src/stores/ChangeDetectionState.ts        |  11 +
 8 files changed, 270 insertions(+), 193 deletions(-)

diff --git a/packages/legend-dev-utils/jest/setupDOMPolyfills.js b/packages/legend-dev-utils/jest/setupDOMPolyfills.js
index 705d7ed7bf..acc5eeb375 100644
--- a/packages/legend-dev-utils/jest/setupDOMPolyfills.js
+++ b/packages/legend-dev-utils/jest/setupDOMPolyfills.js
@@ -19,5 +19,7 @@ import { TextEncoder, TextDecoder } from 'util';
 
 // Polyfills
 window.ResizeObserver = ResizeObserver;
+
+// https://github.com/jsdom/jsdom/issues/2524
 window.TextEncoder = TextEncoder;
 window.TextDecoder = TextDecoder;
diff --git a/packages/legend-query/src/components/__tests__/QueryBuilder_FetchStructure.test.tsx b/packages/legend-query/src/components/__tests__/QueryBuilder_FetchStructure.test.tsx
index 492b635e20..b17ddcdc3a 100644
--- a/packages/legend-query/src/components/__tests__/QueryBuilder_FetchStructure.test.tsx
+++ b/packages/legend-query/src/components/__tests__/QueryBuilder_FetchStructure.test.tsx
@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 
-import { fireEvent, getByTitle, getByText } from '@testing-library/react';
+import { fireEvent, getByTitle, getByText, act } from '@testing-library/react';
 import {
   TEST_DATA__simpleProjection,
   TEST_DATA__projectionWithChainedProperty,
@@ -88,7 +88,9 @@ test(
       'model::relational::tests::simpleRelationalMapping',
     );
 
-    queryBuilderState.changeClass(_personClass);
+    act(() => {
+      queryBuilderState.changeClass(_personClass);
+    });
     const queryBuilderSetup = await waitFor(() =>
       renderResult.getByTestId(QUERY_BUILDER_TEST_ID.QUERY_BUILDER_SETUP),
     );
@@ -111,7 +113,9 @@ test(
     expect(rootNode.mappingData.mapped).toBe(true);
 
     // simpleProjection
-    queryBuilderState.initialize(getRawLambda(TEST_DATA__simpleProjection));
+    act(() => {
+      queryBuilderState.initialize(getRawLambda(TEST_DATA__simpleProjection));
+    });
     let projectionCols = await waitFor(() =>
       renderResult.getByTestId(QUERY_BUILDER_TEST_ID.QUERY_BUILDER_PROJECTION),
     );
@@ -154,9 +158,11 @@ test(
 
     // chainedProperty
     const CHAINED_PROPERTY_ALIAS = 'Firm/Legal Name';
-    queryBuilderState.initialize(
-      getRawLambda(TEST_DATA__projectionWithChainedProperty),
-    );
+    act(() => {
+      queryBuilderState.initialize(
+        getRawLambda(TEST_DATA__projectionWithChainedProperty),
+      );
+    });
     const projectionWithChainedPropertyCols = await waitFor(() =>
       renderResult.getByTestId(QUERY_BUILDER_TEST_ID.QUERY_BUILDER_PROJECTION),
     );
@@ -190,9 +196,11 @@ test(
 
     // result set modifiers
     const RESULT_LIMIT = 500;
-    queryBuilderState.initialize(
-      getRawLambda(TEST_DATA__projectionWithResultSetModifiers),
-    );
+    act(() => {
+      queryBuilderState.initialize(
+        getRawLambda(TEST_DATA__projectionWithResultSetModifiers),
+      );
+    });
     projectionCols = await waitFor(() =>
       renderResult.getByTestId(QUERY_BUILDER_TEST_ID.QUERY_BUILDER_PROJECTION),
     );
@@ -263,9 +271,11 @@ test(
 
     // filter with simple condition
     await waitFor(() => renderResult.getByText('Add a filter condition'));
-    queryBuilderState.initialize(
-      getRawLambda(TEST_DATA__getAllWithOneConditionFilter),
-    );
+    act(() => {
+      queryBuilderState.initialize(
+        getRawLambda(TEST_DATA__getAllWithOneConditionFilter),
+      );
+    });
     let filterValue = 'testFirstName';
     let filterPanel = await waitFor(() =>
       renderResult.getByTestId(QUERY_BUILDER_TEST_ID.QUERY_BUILDER_FILTER),
@@ -284,12 +294,16 @@ test(
     ).toBe(0);
 
     // filter with group condition
-    queryBuilderState.resetQueryBuilder();
-    queryBuilderState.resetQuerySetup();
+    act(() => {
+      queryBuilderState.resetQueryBuilder();
+      queryBuilderState.resetQuerySetup();
+    });
     await waitFor(() => renderResult.getByText('Add a filter condition'));
-    queryBuilderState.initialize(
-      getRawLambda(TEST_DATA__getAllWithGroupedFilter),
-    );
+    act(() => {
+      queryBuilderState.initialize(
+        getRawLambda(TEST_DATA__getAllWithGroupedFilter),
+      );
+    });
     filterPanel = await waitFor(() =>
       renderResult.getByTestId(QUERY_BUILDER_TEST_ID.QUERY_BUILDER_FILTER),
     );
@@ -317,12 +331,16 @@ test(
     ).toBe(0);
 
     // projection column with derived property
-    queryBuilderState.resetQueryBuilder();
-    queryBuilderState.resetQuerySetup();
+    act(() => {
+      queryBuilderState.resetQueryBuilder();
+      queryBuilderState.resetQuerySetup();
+    });
     await waitFor(() => renderResult.getByText('Add a filter condition'));
-    queryBuilderState.initialize(
-      getRawLambda(TEST_DATA__projectWithDerivedProperty),
-    );
+    act(() => {
+      queryBuilderState.initialize(
+        getRawLambda(TEST_DATA__projectWithDerivedProperty),
+      );
+    });
     projectionCols = await waitFor(() =>
       renderResult.getByTestId(QUERY_BUILDER_TEST_ID.QUERY_BUILDER_PROJECTION),
     );
@@ -373,7 +391,9 @@ test(
     const mapping = mockedQueryStore.graphManagerState.graph.getMapping(
       'model::relational::tests::simpleRelationalMapping',
     );
-    queryBuilderState.changeClass(_personClass);
+    act(() => {
+      queryBuilderState.changeClass(_personClass);
+    });
     const queryBuilderSetup = await waitFor(() =>
       renderResult.getByTestId(QUERY_BUILDER_TEST_ID.QUERY_BUILDER_SETUP),
     );
@@ -383,7 +403,7 @@ test(
     );
     await waitFor(() => getByText(queryBuilderSetup, 'MyRuntime'));
 
-    //check subclass display in the explorer tree
+    // check subclass display in the explorer tree
     const treeData = guaranteeNonNullable(
       queryBuilderState.explorerState.treeData,
     );
@@ -408,9 +428,11 @@ test(
     );
 
     // simpleProjection with subType
-    queryBuilderState.initialize(
-      getRawLambda(TEST_DATA__simpleProjectionWithSubtype),
-    );
+    act(() => {
+      queryBuilderState.initialize(
+        getRawLambda(TEST_DATA__simpleProjectionWithSubtype),
+      );
+    });
     const projectionColsWithSubType = await waitFor(() =>
       renderResult.getByTestId(QUERY_BUILDER_TEST_ID.QUERY_BUILDER_PROJECTION),
     );
@@ -463,7 +485,9 @@ test(
       'model::target::NFirm',
     );
 
-    queryBuilderState.changeClass(_personClass);
+    act(() => {
+      queryBuilderState.changeClass(_personClass);
+    });
     const queryBuilderSetup = await waitFor(() =>
       renderResult.getByTestId(QUERY_BUILDER_TEST_ID.QUERY_BUILDER_SETUP),
     );
@@ -471,11 +495,16 @@ test(
     await waitFor(() => getByText(queryBuilderSetup, 'MyMapping'));
 
     // simple graph fetch
-    queryBuilderState.initialize(getRawLambda(TEST_DATA__simpleGraphFetch));
+    act(() => {
+      queryBuilderState.initialize(getRawLambda(TEST_DATA__simpleGraphFetch));
+    });
     expect(queryBuilderState.fetchStructureState.fetchStructureMode).toBe(
       FETCH_STRUCTURE_MODE.GRAPH_FETCH,
     );
-    queryBuilderState.initialize(getRawLambda(TEST_DATA__complexGraphFetch));
+
+    act(() => {
+      queryBuilderState.initialize(getRawLambda(TEST_DATA__complexGraphFetch));
+    });
     expect(queryBuilderState.fetchStructureState.fetchStructureMode).toBe(
       FETCH_STRUCTURE_MODE.GRAPH_FETCH,
     );
diff --git a/packages/legend-query/src/components/__tests__/QueryBuilder_Milestoning.test.tsx b/packages/legend-query/src/components/__tests__/QueryBuilder_Milestoning.test.tsx
index 64f2789314..5562c2eb58 100644
--- a/packages/legend-query/src/components/__tests__/QueryBuilder_Milestoning.test.tsx
+++ b/packages/legend-query/src/components/__tests__/QueryBuilder_Milestoning.test.tsx
@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 
-import { getByText } from '@testing-library/react';
+import { act, getByText } from '@testing-library/react';
 import {
   TEST_DATA__simpleProjectionWithBiTemporalSourceAndBiTemporalTarget,
   TEST_DATA__simpleProjectionWithBiTemporalSourceAndBusinessTemporalTarget,
@@ -72,7 +72,9 @@ test(
 
     const _personClass =
       mockedQueryStore.graphManagerState.graph.getClass('my::Person');
-    queryBuilderState.changeClass(_personClass);
+    act(() => {
+      queryBuilderState.changeClass(_personClass);
+    });
     const queryBuilderSetup = await waitFor(() =>
       renderResult.getByTestId(QUERY_BUILDER_TEST_ID.QUERY_BUILDER_SETUP),
     );
@@ -80,11 +82,13 @@ test(
     await waitFor(() => getByText(queryBuilderSetup, 'map'));
     await waitFor(() => getByText(queryBuilderSetup, 'runtime'));
 
-    queryBuilderState.initialize(
-      getRawLambda(
-        TEST_DATA__simpleProjectionWithBusinessTemporalSourceAndProcessingTemporalTarget,
-      ),
-    );
+    act(() => {
+      queryBuilderState.initialize(
+        getRawLambda(
+          TEST_DATA__simpleProjectionWithBusinessTemporalSourceAndProcessingTemporalTarget,
+        ),
+      );
+    });
     const projectionColumnState = guaranteeType(
       queryBuilderState.fetchStructureState.projectionState.columns[0],
       QueryBuilderSimpleProjectionColumnState,
@@ -125,7 +129,9 @@ test(
 
     const _personClass =
       mockedQueryStore.graphManagerState.graph.getClass('my::Person');
-    queryBuilderState.changeClass(_personClass);
+    act(() => {
+      queryBuilderState.changeClass(_personClass);
+    });
     const queryBuilderSetup = await waitFor(() =>
       renderResult.getByTestId(QUERY_BUILDER_TEST_ID.QUERY_BUILDER_SETUP),
     );
@@ -133,11 +139,13 @@ test(
     await waitFor(() => getByText(queryBuilderSetup, 'map'));
     await waitFor(() => getByText(queryBuilderSetup, 'runtime'));
 
-    queryBuilderState.initialize(
-      getRawLambda(
-        TEST_DATA__simpleProjectionWithBusinessTemporalSourceAndBusinessTemporalTarget,
-      ),
-    );
+    act(() => {
+      queryBuilderState.initialize(
+        getRawLambda(
+          TEST_DATA__simpleProjectionWithBusinessTemporalSourceAndBusinessTemporalTarget,
+        ),
+      );
+    });
     const projectionColumnState = guaranteeType(
       queryBuilderState.fetchStructureState.projectionState.columns[0],
       QueryBuilderSimpleProjectionColumnState,
@@ -178,7 +186,9 @@ test(
 
     const _personClass =
       mockedQueryStore.graphManagerState.graph.getClass('my::Person');
-    queryBuilderState.changeClass(_personClass);
+    act(() => {
+      queryBuilderState.changeClass(_personClass);
+    });
     const queryBuilderSetup = await waitFor(() =>
       renderResult.getByTestId(QUERY_BUILDER_TEST_ID.QUERY_BUILDER_SETUP),
     );
@@ -186,11 +196,13 @@ test(
     await waitFor(() => getByText(queryBuilderSetup, 'map'));
     await waitFor(() => getByText(queryBuilderSetup, 'runtime'));
 
-    queryBuilderState.initialize(
-      getRawLambda(
-        TEST_DATA__simpleProjectionWithBusinessTemporalSourceAndBiTemporalTarget,
-      ),
-    );
+    act(() => {
+      queryBuilderState.initialize(
+        getRawLambda(
+          TEST_DATA__simpleProjectionWithBusinessTemporalSourceAndBiTemporalTarget,
+        ),
+      );
+    });
     const projectionColumnState = guaranteeType(
       queryBuilderState.fetchStructureState.projectionState.columns[0],
       QueryBuilderSimpleProjectionColumnState,
@@ -231,7 +243,9 @@ test(
 
     const _personClass =
       mockedQueryStore.graphManagerState.graph.getClass('my::Person1');
-    queryBuilderState.changeClass(_personClass);
+    act(() => {
+      queryBuilderState.changeClass(_personClass);
+    });
     const queryBuilderSetup = await waitFor(() =>
       renderResult.getByTestId(QUERY_BUILDER_TEST_ID.QUERY_BUILDER_SETUP),
     );
@@ -239,11 +253,13 @@ test(
     await waitFor(() => getByText(queryBuilderSetup, 'map'));
     await waitFor(() => getByText(queryBuilderSetup, 'runtime'));
 
-    queryBuilderState.initialize(
-      getRawLambda(
-        TEST_DATA__simpleProjectionWithBiTemporalSourceAndBiTemporalTarget,
-      ),
-    );
+    act(() => {
+      queryBuilderState.initialize(
+        getRawLambda(
+          TEST_DATA__simpleProjectionWithBiTemporalSourceAndBiTemporalTarget,
+        ),
+      );
+    });
     const projectionColumnState = guaranteeType(
       queryBuilderState.fetchStructureState.projectionState.columns[0],
       QueryBuilderSimpleProjectionColumnState,
@@ -284,7 +300,9 @@ test(
 
     const _personClass =
       mockedQueryStore.graphManagerState.graph.getClass('my::Person1');
-    queryBuilderState.changeClass(_personClass);
+    act(() => {
+      queryBuilderState.changeClass(_personClass);
+    });
     const queryBuilderSetup = await waitFor(() =>
       renderResult.getByTestId(QUERY_BUILDER_TEST_ID.QUERY_BUILDER_SETUP),
     );
@@ -292,11 +310,13 @@ test(
     await waitFor(() => getByText(queryBuilderSetup, 'map'));
     await waitFor(() => getByText(queryBuilderSetup, 'runtime'));
 
-    queryBuilderState.initialize(
-      getRawLambda(
-        TEST_DATA__simpleProjectionWithBiTemporalSourceAndBusinessTemporalTarget,
-      ),
-    );
+    act(() => {
+      queryBuilderState.initialize(
+        getRawLambda(
+          TEST_DATA__simpleProjectionWithBiTemporalSourceAndBusinessTemporalTarget,
+        ),
+      );
+    });
     const projectionColumnState = guaranteeType(
       queryBuilderState.fetchStructureState.projectionState.columns[0],
       QueryBuilderSimpleProjectionColumnState,
@@ -337,7 +357,9 @@ test(
 
     const _personClass =
       mockedQueryStore.graphManagerState.graph.getClass('my::Person1');
-    queryBuilderState.changeClass(_personClass);
+    act(() => {
+      queryBuilderState.changeClass(_personClass);
+    });
     const queryBuilderSetup = await waitFor(() =>
       renderResult.getByTestId(QUERY_BUILDER_TEST_ID.QUERY_BUILDER_SETUP),
     );
@@ -345,11 +367,13 @@ test(
     await waitFor(() => getByText(queryBuilderSetup, 'map'));
     await waitFor(() => getByText(queryBuilderSetup, 'runtime'));
 
-    queryBuilderState.initialize(
-      getRawLambda(
-        TEST_DATA__simpleProjectionWithBiTemporalSourceAndProcessingTemporalTarget,
-      ),
-    );
+    act(() => {
+      queryBuilderState.initialize(
+        getRawLambda(
+          TEST_DATA__simpleProjectionWithBiTemporalSourceAndProcessingTemporalTarget,
+        ),
+      );
+    });
     const projectionColumnState = guaranteeType(
       queryBuilderState.fetchStructureState.projectionState.columns[0],
       QueryBuilderSimpleProjectionColumnState,
@@ -390,7 +414,9 @@ test(
 
     const _personClass =
       mockedQueryStore.graphManagerState.graph.getClass('my::Person2');
-    queryBuilderState.changeClass(_personClass);
+    act(() => {
+      queryBuilderState.changeClass(_personClass);
+    });
     const queryBuilderSetup = await waitFor(() =>
       renderResult.getByTestId(QUERY_BUILDER_TEST_ID.QUERY_BUILDER_SETUP),
     );
@@ -398,11 +424,13 @@ test(
     await waitFor(() => getByText(queryBuilderSetup, 'map'));
     await waitFor(() => getByText(queryBuilderSetup, 'runtime'));
 
-    queryBuilderState.initialize(
-      getRawLambda(
-        TEST_DATA__simpleProjectionWithProcessingTemporalSourceAndBiTemporalTarget,
-      ),
-    );
+    act(() => {
+      queryBuilderState.initialize(
+        getRawLambda(
+          TEST_DATA__simpleProjectionWithProcessingTemporalSourceAndBiTemporalTarget,
+        ),
+      );
+    });
     const projectionColumnState = guaranteeType(
       queryBuilderState.fetchStructureState.projectionState.columns[0],
       QueryBuilderSimpleProjectionColumnState,
@@ -443,7 +471,9 @@ test(
 
     const _personClass =
       mockedQueryStore.graphManagerState.graph.getClass('my::Person2');
-    queryBuilderState.changeClass(_personClass);
+    act(() => {
+      queryBuilderState.changeClass(_personClass);
+    });
     const queryBuilderSetup = await waitFor(() =>
       renderResult.getByTestId(QUERY_BUILDER_TEST_ID.QUERY_BUILDER_SETUP),
     );
@@ -451,11 +481,13 @@ test(
     await waitFor(() => getByText(queryBuilderSetup, 'map'));
     await waitFor(() => getByText(queryBuilderSetup, 'runtime'));
 
-    queryBuilderState.initialize(
-      getRawLambda(
-        TEST_DATA__simpleProjectionWithProcessingTemporalSourceAndBusinessTemporalTarget,
-      ),
-    );
+    act(() => {
+      queryBuilderState.initialize(
+        getRawLambda(
+          TEST_DATA__simpleProjectionWithProcessingTemporalSourceAndBusinessTemporalTarget,
+        ),
+      );
+    });
     const projectionColumnState = guaranteeType(
       queryBuilderState.fetchStructureState.projectionState.columns[0],
       QueryBuilderSimpleProjectionColumnState,
@@ -496,7 +528,9 @@ test(
 
     const _personClass =
       mockedQueryStore.graphManagerState.graph.getClass('my::Person2');
-    queryBuilderState.changeClass(_personClass);
+    act(() => {
+      queryBuilderState.changeClass(_personClass);
+    });
     const queryBuilderSetup = await waitFor(() =>
       renderResult.getByTestId(QUERY_BUILDER_TEST_ID.QUERY_BUILDER_SETUP),
     );
@@ -504,11 +538,13 @@ test(
     await waitFor(() => getByText(queryBuilderSetup, 'map'));
     await waitFor(() => getByText(queryBuilderSetup, 'runtime'));
 
-    queryBuilderState.initialize(
-      getRawLambda(
-        TEST_DATA__simpleProjectionWithProcessingTemporalSourceAndProcessingTemporalTarget,
-      ),
-    );
+    act(() => {
+      queryBuilderState.initialize(
+        getRawLambda(
+          TEST_DATA__simpleProjectionWithProcessingTemporalSourceAndProcessingTemporalTarget,
+        ),
+      );
+    });
     const projectionColumnState = guaranteeType(
       queryBuilderState.fetchStructureState.projectionState.columns[0],
       QueryBuilderSimpleProjectionColumnState,
@@ -549,7 +585,9 @@ test(
 
     const _personClass =
       mockedQueryStore.graphManagerState.graph.getClass('my::Firm');
-    queryBuilderState.changeClass(_personClass);
+    act(() => {
+      queryBuilderState.changeClass(_personClass);
+    });
     const queryBuilderSetup = await waitFor(() =>
       renderResult.getByTestId(QUERY_BUILDER_TEST_ID.QUERY_BUILDER_SETUP),
     );
@@ -557,11 +595,13 @@ test(
     await waitFor(() => getByText(queryBuilderSetup, 'map'));
     await waitFor(() => getByText(queryBuilderSetup, 'runtime'));
 
-    queryBuilderState.initialize(
-      getRawLambda(
-        TEST_DATA__simpleProjectionWithNonTemporalSourceAndProcessingTemporalTarget,
-      ),
-    );
+    act(() => {
+      queryBuilderState.initialize(
+        getRawLambda(
+          TEST_DATA__simpleProjectionWithNonTemporalSourceAndProcessingTemporalTarget,
+        ),
+      );
+    });
     const projectionColumnState = guaranteeType(
       queryBuilderState.fetchStructureState.projectionState.columns[0],
       QueryBuilderSimpleProjectionColumnState,
@@ -602,7 +642,9 @@ test(
 
     const _personClass =
       mockedQueryStore.graphManagerState.graph.getClass('my::Firm');
-    queryBuilderState.changeClass(_personClass);
+    act(() => {
+      queryBuilderState.changeClass(_personClass);
+    });
     const queryBuilderSetup = await waitFor(() =>
       renderResult.getByTestId(QUERY_BUILDER_TEST_ID.QUERY_BUILDER_SETUP),
     );
@@ -610,11 +652,13 @@ test(
     await waitFor(() => getByText(queryBuilderSetup, 'map'));
     await waitFor(() => getByText(queryBuilderSetup, 'runtime'));
 
-    queryBuilderState.initialize(
-      getRawLambda(
-        TEST_DATA__simpleProjectionWithNonTemporalSourceAndBusinessTemporalTarget,
-      ),
-    );
+    act(() => {
+      queryBuilderState.initialize(
+        getRawLambda(
+          TEST_DATA__simpleProjectionWithNonTemporalSourceAndBusinessTemporalTarget,
+        ),
+      );
+    });
     const projectionColumnState = guaranteeType(
       queryBuilderState.fetchStructureState.projectionState.columns[0],
       QueryBuilderSimpleProjectionColumnState,
@@ -655,7 +699,9 @@ test(
 
     const _personClass =
       mockedQueryStore.graphManagerState.graph.getClass('my::Firm');
-    queryBuilderState.changeClass(_personClass);
+    act(() => {
+      queryBuilderState.changeClass(_personClass);
+    });
     const queryBuilderSetup = await waitFor(() =>
       renderResult.getByTestId(QUERY_BUILDER_TEST_ID.QUERY_BUILDER_SETUP),
     );
@@ -663,11 +709,13 @@ test(
     await waitFor(() => getByText(queryBuilderSetup, 'map'));
     await waitFor(() => getByText(queryBuilderSetup, 'runtime'));
 
-    queryBuilderState.initialize(
-      getRawLambda(
-        TEST_DATA__simpleProjectionWithNonTemporalSourceAndBiTemporalTarget,
-      ),
-    );
+    act(() => {
+      queryBuilderState.initialize(
+        getRawLambda(
+          TEST_DATA__simpleProjectionWithNonTemporalSourceAndBiTemporalTarget,
+        ),
+      );
+    });
     const projectionColumnState = guaranteeType(
       queryBuilderState.fetchStructureState.projectionState.columns[0],
       QueryBuilderSimpleProjectionColumnState,
diff --git a/packages/legend-studio/src/components/__tests__/LegendStudioApplication.test.tsx b/packages/legend-studio/src/components/__tests__/LegendStudioApplication.test.tsx
index 59c1ce1271..e04526293b 100644
--- a/packages/legend-studio/src/components/__tests__/LegendStudioApplication.test.tsx
+++ b/packages/legend-studio/src/components/__tests__/LegendStudioApplication.test.tsx
@@ -20,7 +20,6 @@ import {
   MOBX__enableSpyOrMock,
   MOBX__disableSpyOrMock,
 } from '@finos/legend-shared';
-import { waitFor } from '@testing-library/dom';
 import {
   WebApplicationNavigator,
   TEST__provideMockedApplicationStore,
@@ -29,7 +28,7 @@ import {
   LegendApplicationComponentFrameworkProvider,
 } from '@finos/legend-application';
 import { TEST__LegendStudioStoreProvider } from '../EditorComponentTestUtils';
-import { render } from '@testing-library/react';
+import { render, waitFor } from '@testing-library/react';
 import { MemoryRouter } from 'react-router-dom';
 import { createMemoryHistory } from 'history';
 import {
@@ -41,44 +40,50 @@ import { TEST__DepotServerClientProvider } from '@finos/legend-server-depot';
 import { TEST__getTestStudioConfig } from '../../stores/EditorStoreTestUtils';
 import { LegendStudioPluginManager } from '../../application/LegendStudioPluginManager';
 
-test(integrationTest('App header is displayed properly'), async () => {
-  const sdlcServerClient = TEST__provideMockedSDLCServerClient();
+test(
+  integrationTest('Failed to accept SDLC Terms of Service will show alert'),
+  async () => {
+    const sdlcServerClient = TEST__provideMockedSDLCServerClient();
 
-  MOBX__enableSpyOrMock();
-  jest.spyOn(sdlcServerClient, 'isAuthorized').mockResolvedValueOnce(true);
-  jest
-    .spyOn(sdlcServerClient, 'getCurrentUser')
-    .mockResolvedValueOnce({ name: 'testUser', userId: 'testUserId' });
-  jest
-    .spyOn(sdlcServerClient, 'hasAcceptedTermsOfService')
-    .mockResolvedValueOnce([]);
-  jest.spyOn(sdlcServerClient, 'getProjects').mockResolvedValue([]);
-  MOBX__disableSpyOrMock();
-  TEST__provideMockedWebApplicationNavigator();
+    MOBX__enableSpyOrMock();
+    jest.spyOn(sdlcServerClient, 'isAuthorized').mockResolvedValueOnce(true);
+    jest
+      .spyOn(sdlcServerClient, 'getCurrentUser')
+      .mockResolvedValueOnce({ name: 'testUser', userId: 'testUserId' });
+    jest
+      .spyOn(sdlcServerClient, 'hasAcceptedTermsOfService')
+      .mockResolvedValueOnce(['stubUrl']);
+    jest.spyOn(sdlcServerClient, 'getProjects').mockResolvedValue([]);
+    jest
+      .spyOn(sdlcServerClient, 'fetchServerFeaturesConfiguration')
+      .mockResolvedValue();
+    MOBX__disableSpyOrMock();
+    TEST__provideMockedWebApplicationNavigator();
 
-  const { queryByText } = render(
-    <MemoryRouter>
-      <TEST__ApplicationStoreProvider
-        config={TEST__getTestStudioConfig()}
-        pluginManager={LegendStudioPluginManager.create()}
-      >
-        <TEST__SDLCServerClientProvider>
-          <TEST__DepotServerClientProvider>
-            <TEST__LegendStudioStoreProvider>
-              <LegendApplicationComponentFrameworkProvider>
-                <LegendStudioApplicationRoot />
-              </LegendApplicationComponentFrameworkProvider>
-            </TEST__LegendStudioStoreProvider>
-          </TEST__DepotServerClientProvider>
-        </TEST__SDLCServerClientProvider>
-      </TEST__ApplicationStoreProvider>
-    </MemoryRouter>,
-  );
+    const { queryByText } = render(
+      <MemoryRouter>
+        <TEST__ApplicationStoreProvider
+          config={TEST__getTestStudioConfig()}
+          pluginManager={LegendStudioPluginManager.create()}
+        >
+          <TEST__SDLCServerClientProvider>
+            <TEST__DepotServerClientProvider>
+              <TEST__LegendStudioStoreProvider>
+                <LegendApplicationComponentFrameworkProvider>
+                  <LegendStudioApplicationRoot />
+                </LegendApplicationComponentFrameworkProvider>
+              </TEST__LegendStudioStoreProvider>
+            </TEST__DepotServerClientProvider>
+          </TEST__SDLCServerClientProvider>
+        </TEST__ApplicationStoreProvider>
+      </MemoryRouter>,
+    );
 
-  expect(
-    queryByText(TEST__getTestStudioConfig().env.toUpperCase()),
-  ).not.toBeNull();
-});
+    await waitFor(() =>
+      expect(queryByText('See terms of services')).not.toBeNull(),
+    );
+  },
+);
 
 test(integrationTest('Failed to authorize SDLC will redirect'), async () => {
   const applicationStore = TEST__provideMockedApplicationStore(
@@ -130,45 +135,3 @@ test(integrationTest('Failed to authorize SDLC will redirect'), async () => {
     ),
   );
 });
-
-test(
-  integrationTest('Failed to accept SDLC Terms of Service will show alert'),
-  async () => {
-    const sdlcServerClient = TEST__provideMockedSDLCServerClient();
-
-    MOBX__enableSpyOrMock();
-    jest.spyOn(sdlcServerClient, 'isAuthorized').mockResolvedValueOnce(true);
-    jest
-      .spyOn(sdlcServerClient, 'getCurrentUser')
-      .mockResolvedValueOnce({ name: 'testUser', userId: 'testUserId' });
-    jest
-      .spyOn(sdlcServerClient, 'hasAcceptedTermsOfService')
-      .mockResolvedValueOnce(['stubUrl']);
-    jest.spyOn(sdlcServerClient, 'getProjects').mockResolvedValue([]);
-    MOBX__disableSpyOrMock();
-    TEST__provideMockedWebApplicationNavigator();
-
-    const { queryByText } = render(
-      <MemoryRouter>
-        <TEST__ApplicationStoreProvider
-          config={TEST__getTestStudioConfig()}
-          pluginManager={LegendStudioPluginManager.create()}
-        >
-          <TEST__SDLCServerClientProvider>
-            <TEST__DepotServerClientProvider>
-              <TEST__LegendStudioStoreProvider>
-                <LegendApplicationComponentFrameworkProvider>
-                  <LegendStudioApplicationRoot />
-                </LegendApplicationComponentFrameworkProvider>
-              </TEST__LegendStudioStoreProvider>
-            </TEST__DepotServerClientProvider>
-          </TEST__SDLCServerClientProvider>
-        </TEST__ApplicationStoreProvider>
-      </MemoryRouter>,
-    );
-
-    await waitFor(() =>
-      expect(queryByText('See terms of services')).not.toBeNull(),
-    );
-  },
-);
diff --git a/packages/legend-studio/src/components/editor/edit-panel/__tests__/ProjectConfigurationEditor.test.tsx b/packages/legend-studio/src/components/editor/edit-panel/__tests__/ProjectConfigurationEditor.test.tsx
index c619d4ad49..4db6b14af6 100644
--- a/packages/legend-studio/src/components/editor/edit-panel/__tests__/ProjectConfigurationEditor.test.tsx
+++ b/packages/legend-studio/src/components/editor/edit-panel/__tests__/ProjectConfigurationEditor.test.tsx
@@ -128,7 +128,7 @@ beforeEach(async () => {
     projectDependency: TEST_DATA__DependencyEntities,
   });
   fireEvent.click(renderResult.getByText('config'));
-  const editPanel = renderResult.getByTestId(
+  const editPanel = await renderResult.findByTestId(
     LEGEND_STUDIO_TEST_ID.EDIT_PANEL_CONTENT,
   );
   const updateButton = getByText(editPanel, 'Update');
diff --git a/packages/legend-studio/src/components/editor/edit-panel/service-editor/__tests__/ServiceRegistrationTest.test.tsx b/packages/legend-studio/src/components/editor/edit-panel/service-editor/__tests__/ServiceRegistrationTest.test.tsx
index e75bf6b612..d20a8abe9e 100644
--- a/packages/legend-studio/src/components/editor/edit-panel/service-editor/__tests__/ServiceRegistrationTest.test.tsx
+++ b/packages/legend-studio/src/components/editor/edit-panel/service-editor/__tests__/ServiceRegistrationTest.test.tsx
@@ -21,6 +21,7 @@ import {
   waitFor,
   getByText,
   fireEvent,
+  act,
 } from '@testing-library/react';
 import TEST_DATA__serviceEntities from '../../../../editor/edit-panel/service-editor/__tests__/TEST_DATA__ServiceRegistration.json';
 import {
@@ -154,7 +155,9 @@ test(
         },
       ],
     );
-    await flowResult(mockedEditorStore.sdlcState.fetchProjectVersions());
+    await act(async () => {
+      await flowResult(mockedEditorStore.sdlcState.fetchProjectVersions());
+    });
     const result = new ServiceRegistrationResult(
       'https://legend.org/exec',
       '/myservice',
@@ -207,18 +210,27 @@ test(
     // since `int` is the first env in the config list, it is expected to be selected by default
     // we will then change env from `int` to `prod`
     await waitFor(() => getByText(registrationEditor, 'INT'));
-    registrationState.updateEnv('prod');
+
+    act(() => {
+      registrationState.updateEnv('prod');
+    });
     await waitFor(() => getByText(registrationEditor, 'PROD'));
+
     // select version
     await waitFor(() => getByText(registrationEditor, 'Select...'));
-    registrationState.setProjectVersion(
-      versions.find((v) => v.id.id === '1.0.1'),
-    );
+    act(() => {
+      registrationState.setProjectVersion(
+        versions.find((v) => v.id.id === '1.0.1'),
+      );
+    });
     expect(registrationState.versionOptions).toHaveLength(2);
     expect(registrationState.executionModes).toHaveLength(1);
     expect(registrationState.executionModes[0]).toBe(ServiceExecutionMode.PROD);
-    // change env from prod to int
-    registrationState.updateEnv('int');
+
+    // change env
+    act(() => {
+      registrationState.updateEnv('int');
+    });
     // change from full to semi
     await waitFor(() =>
       getByText(
@@ -226,7 +238,9 @@ test(
         prettyCONSTName(ServiceExecutionMode.FULL_INTERACTIVE),
       ),
     );
-    registrationState.updateType(ServiceExecutionMode.SEMI_INTERACTIVE);
+    act(() => {
+      registrationState.updateType(ServiceExecutionMode.SEMI_INTERACTIVE);
+    });
     await waitFor(() =>
       getByText(
         registrationEditor,
diff --git a/packages/legend-studio/src/components/editor/side-bar/Explorer.tsx b/packages/legend-studio/src/components/editor/side-bar/Explorer.tsx
index 2249e08cbc..6dc96bbc26 100644
--- a/packages/legend-studio/src/components/editor/side-bar/Explorer.tsx
+++ b/packages/legend-studio/src/components/editor/side-bar/Explorer.tsx
@@ -773,7 +773,14 @@ export const Explorer = observer(() => {
     !editorStore.graphManagerState.graph.buildState.hasFailed;
   const showExplorerTrees =
     editorStore.graphManagerState.graph.buildState.hasSucceeded &&
-    editorStore.explorerTreeState.buildState.hasCompleted;
+    editorStore.explorerTreeState.buildState.hasCompleted &&
+    // NOTE: if not in viewer mode, we would only show the explorer tree
+    // when graph is properly observed to make sure edit after that can trigger
+    // change detection. Realistically, this doesn't not affect user as they
+    // don't edit elements that fast in form mode, but this could throw off
+    // test runner
+    (editorStore.isInViewerMode ||
+      editorStore.changeDetectionState.graphObserveState.hasSucceeded);
   // conflict resolution
   const showConflictResolutionContent =
     editorStore.isInConflictResolutionMode &&
@@ -879,7 +886,10 @@ export const Explorer = observer(() => {
                           .buildState.message ??
                         editorStore.graphManagerState.graph.generationModel
                           .buildState.message ??
-                        editorStore.graphManagerState.graph.buildState.message}
+                        editorStore.graphManagerState.graph.buildState
+                          .message ??
+                        editorStore.changeDetectionState.graphObserveState
+                          .message}
                     </div>
                   )}
                 {!showExplorerTrees &&
diff --git a/packages/legend-studio/src/stores/ChangeDetectionState.ts b/packages/legend-studio/src/stores/ChangeDetectionState.ts
index e4c681901c..849ad3ca93 100644
--- a/packages/legend-studio/src/stores/ChangeDetectionState.ts
+++ b/packages/legend-studio/src/stores/ChangeDetectionState.ts
@@ -34,6 +34,7 @@ import {
   assertErrorThrown,
   hashObject,
   promisify,
+  ActionState,
 } from '@finos/legend-shared';
 import type { EditorStore } from './EditorStore';
 import type { EditorGraphState } from './EditorGraphState';
@@ -204,6 +205,7 @@ class RevisionChangeDetectionState {
 export class ChangeDetectionState {
   editorStore: EditorStore;
   graphState: EditorGraphState;
+  graphObserveState = ActionState.create();
   // TODO: use ActionState for this
   isChangeDetectionRunning = false;
   hasChangeDetectionStarted = false;
@@ -360,6 +362,7 @@ export class ChangeDetectionState {
   }
 
   stop(force = false): void {
+    this.graphObserveState.reset();
     this.changeDetectionReaction?.();
     this.changeDetectionReaction = undefined;
     this.isChangeDetectionRunning = false;
@@ -756,6 +759,13 @@ export class ChangeDetectionState {
   }
 
   *observeGraph(): GeneratorFn<void> {
+    if (!this.graphObserveState.isInInitialState) {
+      throw new IllegalStateError(
+        `Can't observe graph: change detection must be stopped first`,
+      );
+    }
+    this.graphObserveState.inProgress();
+    this.graphObserveState.setMessage(`Observing graph...`);
     const startTime = Date.now();
     // NOTE: this method has to be done synchronously in `action` context
     // to make sure `mobx` react to observables from the graph, such as its element indices
@@ -771,6 +781,7 @@ export class ChangeDetectionState {
       Date.now() - startTime,
       'ms',
     );
+    this.graphObserveState.pass();
   }
 
   /**

From 182d3dee70171b5e9544e1aeceb3bf98663b74b8 Mon Sep 17 00:00:00 2001
From: An Phi <aphi@skidmore.edu>
Date: Sun, 8 May 2022 19:24:56 -0400
Subject: [PATCH 4/7] cleanup babel preset

---
 .changeset/stale-spiders-grin.md   |  5 +++++
 babel.config.cjs                   |  7 -------
 packages/babel-preset/README.md    | 11 +----------
 packages/babel-preset/index.js     | 27 +--------------------------
 packages/babel-preset/package.json |  3 ---
 yarn.lock                          | 23 ++---------------------
 6 files changed, 9 insertions(+), 67 deletions(-)
 create mode 100644 .changeset/stale-spiders-grin.md

diff --git a/.changeset/stale-spiders-grin.md b/.changeset/stale-spiders-grin.md
new file mode 100644
index 0000000000..f3e7321e40
--- /dev/null
+++ b/.changeset/stale-spiders-grin.md
@@ -0,0 +1,5 @@
+---
+'@finos/babel-preset-legend-studio': major
+---
+
+Remove `@babel/plugin-proposal-class-properties` now that it's moved to `stage 4`. Also remove support for `@babel/plugin-transform-runtime`.
diff --git a/babel.config.cjs b/babel.config.cjs
index a0e0c6d058..ce575c4b6b 100644
--- a/babel.config.cjs
+++ b/babel.config.cjs
@@ -35,12 +35,5 @@ module.exports = (api) => {
         },
       ],
     ],
-    // For @babel/plugin-proposal-class-properties, to work well with Mobx, we need to make sure setting
-    // `loose = false`, but we can also use the new transpiler assumptions in Babel >=7.13.0
-    // See https://babeljs.io/docs/en/babel-plugin-proposal-class-properties#loose
-    // See https://mobx.js.org/installation.html#use-spec-compliant-transpilation-for-class-properties
-    assumptions: {
-      setPublicClassFields: false,
-    },
   };
 };
diff --git a/packages/babel-preset/README.md b/packages/babel-preset/README.md
index facead4200..ca49499cfe 100644
--- a/packages/babel-preset/README.md
+++ b/packages/babel-preset/README.md
@@ -5,7 +5,6 @@ This preset includes the following presets and plugins:
 - [@babel/preset-env](https://babeljs.io/docs/en/babel-preset-env)
 - [@babel/preset-react](https://babeljs.io/docs/en/babel-preset-react)
 - [@babel/preset-typescript](https://babeljs.io/docs/en/babel-preset-typescript)
-- [@babel/plugin-transform-runtime](https://babeljs.io/docs/en/babel-plugin-transform-runtime)
 
 And with the `development` option:
 
@@ -15,7 +14,7 @@ And with the `development` option:
 
 ## Options
 
-const { development, useTypescript, useReact, useBabelRuntime } = opts;
+const { development, useTypescript, useReact } = opts;
 
 ### `development`
 
@@ -36,11 +35,3 @@ This toggles support for Typescript. Note that `babel` [does not do type-checkin
 `boolean`, defaults to `false`
 
 This toggles support for React. Note that we use `automatic` for runtime option, which auto-import functions from `React@17` that helps with transforming JSX.
-
-### `useBabelRuntime`
-
-`boolean`, defaults to `false`
-
-When enabled, Babel's injected helper code will be reused and not included in the bundled code, as such this helps [save on bundle size](https://babeljs.io/docs/en/babel-plugin-transform-runtime#usebuiltins). However, this requires `@babel/runtime` as a production dependency (since it's for the "runtime").
-
-> Note that this option is in useful only when we bundle code. As such, if we use other compiler to compile/transpile, we don't need this option.
diff --git a/packages/babel-preset/index.js b/packages/babel-preset/index.js
index aaebfa2419..b7bd402a4f 100644
--- a/packages/babel-preset/index.js
+++ b/packages/babel-preset/index.js
@@ -30,7 +30,6 @@ module.exports = declare((api, opts) => {
     useTypescript = false,
     useReact = false,
     useReactFastRefresh = false,
-    useBabelRuntime = false,
   } = opts;
 
   const config = {
@@ -48,42 +47,18 @@ module.exports = declare((api, opts) => {
           runtime: 'automatic', // use React@17 JSX transform
         },
       ],
-      function () {
-        return {
-          plugins: [
-            // NOTE: both of these proposals are in stage 3, so we should keep track of when we need to remove this plugin
-            // See https://github.com/tc39/proposal-class-fields
-            // See https://github.com/tc39/proposal-static-class-features
-            '@babel/plugin-proposal-class-properties',
-          ],
-        };
-      },
       useTypescript && [
         '@babel/preset-typescript',
         {
           onlyRemoveTypeImports: true,
           // Allow using `declare` keyword for class fields.
-          // NOTE: for this to work, this plugin has to run before other class modifier plugins like
-          // `@babel/plugin-proposal-class-properties`; `babel` should want about this if it happens.
           // `allowDeclareFields` will be `true` by default in babel 8
           // See https://babeljs.io/docs/en/babel-preset-typescript#allowdeclarefields
           allowDeclareFields: true,
         },
       ],
     ].filter(Boolean),
-    plugins: [
-      useBabelRuntime && [
-        // Reduce bundle size by referencing `babel` helpers from `@babel/runtime`
-        // See https://babeljs.io/docs/en/babel-plugin-transform-runtime
-        '@babel/plugin-transform-runtime',
-        {
-          version: require('@babel/runtime/package.json').version,
-          // We should turn this on once the lowest version of Node LTS supports ES Modules.
-          // See https://babeljs.io/docs/en/babel-plugin-transform-runtime#useesmodules
-          useESModules: true,
-        },
-      ],
-    ].filter(Boolean),
+    plugins: [],
     overrides: [
       {
         test: (filename) => filename && isJSXSourceFile(filename),
diff --git a/packages/babel-preset/package.json b/packages/babel-preset/package.json
index 9b9321834f..c08e8684fb 100644
--- a/packages/babel-preset/package.json
+++ b/packages/babel-preset/package.json
@@ -32,9 +32,6 @@
   },
   "dependencies": {
     "@babel/helper-plugin-utils": "7.16.7",
-    "@babel/plugin-proposal-class-properties": "7.16.7",
-    "@babel/plugin-transform-runtime": "7.17.10",
-    "@babel/plugin-transform-typescript": "7.16.8",
     "@babel/preset-env": "7.17.10",
     "@babel/preset-react": "7.16.7",
     "@babel/preset-typescript": "7.16.7",
diff --git a/yarn.lock b/yarn.lock
index 52d3e905f8..fe5dfdba98 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -450,7 +450,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-proposal-class-properties@npm:7.16.7, @babel/plugin-proposal-class-properties@npm:^7.16.7":
+"@babel/plugin-proposal-class-properties@npm:^7.16.7":
   version: 7.16.7
   resolution: "@babel/plugin-proposal-class-properties@npm:7.16.7"
   dependencies:
@@ -1171,22 +1171,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-runtime@npm:7.17.10":
-  version: 7.17.10
-  resolution: "@babel/plugin-transform-runtime@npm:7.17.10"
-  dependencies:
-    "@babel/helper-module-imports": ^7.16.7
-    "@babel/helper-plugin-utils": ^7.16.7
-    babel-plugin-polyfill-corejs2: ^0.3.0
-    babel-plugin-polyfill-corejs3: ^0.5.0
-    babel-plugin-polyfill-regenerator: ^0.3.0
-    semver: ^6.3.0
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 61b63497a9e856551d299547a29de8966102f3a85cc3c09335efd1492a6bf1d540dc937b395dd94200425194b65499bf0d36264b9061d19c93810b90fcbec181
-  languageName: node
-  linkType: hard
-
 "@babel/plugin-transform-shorthand-properties@npm:^7.16.7":
   version: 7.16.7
   resolution: "@babel/plugin-transform-shorthand-properties@npm:7.16.7"
@@ -1243,7 +1227,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-typescript@npm:7.16.8, @babel/plugin-transform-typescript@npm:^7.16.7":
+"@babel/plugin-transform-typescript@npm:^7.16.7":
   version: 7.16.8
   resolution: "@babel/plugin-transform-typescript@npm:7.16.8"
   dependencies:
@@ -1934,9 +1918,6 @@ __metadata:
   resolution: "@finos/babel-preset-legend-studio@workspace:packages/babel-preset"
   dependencies:
     "@babel/helper-plugin-utils": 7.16.7
-    "@babel/plugin-proposal-class-properties": 7.16.7
-    "@babel/plugin-transform-runtime": 7.17.10
-    "@babel/plugin-transform-typescript": 7.16.8
     "@babel/preset-env": 7.17.10
     "@babel/preset-react": 7.16.7
     "@babel/preset-typescript": 7.16.7

From 4e2b09084f33becfbf049fd764a2473415400515 Mon Sep 17 00:00:00 2001
From: An Phi <aphi@skidmore.edu>
Date: Sun, 8 May 2022 19:28:39 -0400
Subject: [PATCH 5/7] fix typo setActionAltertInfo -> setActionAlertInfo

---
 .changeset/many-beers-matter.md               | 31 +++++++++++++++++++
 .../src/components/ActionAlert.tsx            |  2 +-
 .../src/stores/ApplicationStore.ts            |  4 +--
 .../components/QueryBuilderResultPanel.tsx    |  2 +-
 .../src/components/editor/Editor.tsx          |  2 +-
 .../editor/edit-panel/ModelLoader.tsx         |  2 +-
 .../InstanceSetImplementationEditor.tsx       |  4 +--
 .../MappingExecutionBuilder.tsx               |  2 +-
 .../mapping-editor/MappingTestEditor.tsx      |  2 +-
 .../ProjectConfigurationEditor.tsx            |  2 +-
 .../editor/side-bar/WorkspaceReview.tsx       |  2 +-
 .../editor/side-bar/WorkspaceUpdater.tsx      |  2 +-
 .../src/stores/EditorGraphState.ts            |  2 +-
 .../legend-studio/src/stores/EditorStore.ts   | 14 ++++-----
 .../src/stores/LegendStudioStore.ts           |  4 +--
 .../mapping/MappingExecutionState.ts          |  2 +-
 .../service/ServiceRegistrationState.ts       |  2 +-
 .../stores/sidebar-state/LocalChangesState.ts |  4 +--
 .../sidebar-state/WorkspaceReviewState.ts     |  2 +-
 .../sidebar-state/WorkspaceSyncState.ts       |  2 +-
 20 files changed, 60 insertions(+), 29 deletions(-)
 create mode 100644 .changeset/many-beers-matter.md

diff --git a/.changeset/many-beers-matter.md b/.changeset/many-beers-matter.md
new file mode 100644
index 0000000000..d483f7fb7e
--- /dev/null
+++ b/.changeset/many-beers-matter.md
@@ -0,0 +1,31 @@
+---
+'@finos/babel-preset-legend-studio': patch
+'@finos/eslint-plugin-legend-studio': patch
+'@finos/legend-application': patch
+'@finos/legend-art': patch
+'@finos/legend-dev-utils': patch
+'@finos/legend-extension-dsl-data-space': patch
+'@finos/legend-extension-dsl-diagram': patch
+'@finos/legend-extension-dsl-persistence': patch
+'@finos/legend-extension-dsl-text': patch
+'@finos/legend-extension-external-format-json-schema': patch
+'@finos/legend-extension-external-language-morphir': patch
+'@finos/legend-extension-external-store-service': patch
+'@finos/legend-extension-mapping-generation': patch
+'@finos/legend-graph': patch
+'@finos/legend-graph-extension-collection': patch
+'@finos/legend-manual-tests': patch
+'@finos/legend-model-storage': patch
+'@finos/legend-query': patch
+'@finos/legend-query-app': patch
+'@finos/legend-server-depot': patch
+'@finos/legend-server-sdlc': patch
+'@finos/legend-shared': patch
+'@finos/legend-studio': patch
+'@finos/legend-studio-app': patch
+'@finos/legend-studio-extension-management-toolkit': patch
+'@finos/legend-studio-extension-query-builder': patch
+'@finos/legend-taxonomy': patch
+'@finos/legend-taxonomy-app': patch
+'@finos/legend-tracer-extension-zipkin': patch
+---
diff --git a/packages/legend-application/src/components/ActionAlert.tsx b/packages/legend-application/src/components/ActionAlert.tsx
index 28f451c1a0..e2c5ebc7b0 100644
--- a/packages/legend-application/src/components/ActionAlert.tsx
+++ b/packages/legend-application/src/components/ActionAlert.tsx
@@ -41,7 +41,7 @@ const ActionAlertInner = observer((props: { info: ActionAlertInfo }) => {
   const { title, message, prompt, type, onClose, onEnter, actions } = info;
   const handleClose = (): void => {
     onClose?.();
-    applicationStore.setActionAltertInfo(undefined);
+    applicationStore.setActionAlertInfo(undefined);
   };
   const handleEnter = (): void => onEnter?.();
   const handleSubmit = (): void => {
diff --git a/packages/legend-application/src/stores/ApplicationStore.ts b/packages/legend-application/src/stores/ApplicationStore.ts
index 2e25900aea..753381c63c 100644
--- a/packages/legend-application/src/stores/ApplicationStore.ts
+++ b/packages/legend-application/src/stores/ApplicationStore.ts
@@ -121,7 +121,7 @@ export class ApplicationStore<T extends LegendApplicationConfig> {
     makeAutoObservable(this, {
       navigator: false,
       setBlockingAlert: action,
-      setActionAltertInfo: action,
+      setActionAlertInfo: action,
       setNotification: action,
       notify: action,
       notifySuccess: action,
@@ -162,7 +162,7 @@ export class ApplicationStore<T extends LegendApplicationConfig> {
     this.blockingAlertInfo = alertInfo;
   }
 
-  setActionAltertInfo(alertInfo: ActionAlertInfo | undefined): void {
+  setActionAlertInfo(alertInfo: ActionAlertInfo | undefined): void {
     if (this.actionAlertInfo && alertInfo) {
       this.notifyIllegalState(
         'Action alert is stacked: new alert is invoked while another one is being displayed',
diff --git a/packages/legend-query/src/components/QueryBuilderResultPanel.tsx b/packages/legend-query/src/components/QueryBuilderResultPanel.tsx
index 26fe298693..f3b05cace7 100644
--- a/packages/legend-query/src/components/QueryBuilderResultPanel.tsx
+++ b/packages/legend-query/src/components/QueryBuilderResultPanel.tsx
@@ -142,7 +142,7 @@ export const QueryBuilderResultPanel = observer(
     };
 
     const confirmExport = (format: EXECUTION_SERIALIZATION_FORMAT): void => {
-      applicationStore.setActionAltertInfo({
+      applicationStore.setActionAlertInfo({
         message: USER_ATTESTATION_MESSAGE,
         type: ActionAlertType.CAUTION,
         actions: [
diff --git a/packages/legend-studio/src/components/editor/Editor.tsx b/packages/legend-studio/src/components/editor/Editor.tsx
index 28a6a24db1..3e5546f508 100644
--- a/packages/legend-studio/src/components/editor/Editor.tsx
+++ b/packages/legend-studio/src/components/editor/Editor.tsx
@@ -187,7 +187,7 @@ export const EditorInner = observer(() => {
       !confirmedAllowNavigation &&
       showAlert
     ) {
-      editorStore.setActionAltertInfo({
+      editorStore.setActionAlertInfo({
         message: editorStore.isInConflictResolutionMode
           ? 'You have not accepted the conflict resolution, the current resolution will be discarded. Leave anyway?'
           : 'You have unpushed changes. Leave anyway?',
diff --git a/packages/legend-studio/src/components/editor/edit-panel/ModelLoader.tsx b/packages/legend-studio/src/components/editor/edit-panel/ModelLoader.tsx
index 32300df359..b4ec6f00b6 100644
--- a/packages/legend-studio/src/components/editor/edit-panel/ModelLoader.tsx
+++ b/packages/legend-studio/src/components/editor/edit-panel/ModelLoader.tsx
@@ -81,7 +81,7 @@ export const ModelLoader = observer(() => {
         .load(editorStore)
         .catch(applicationStore.alertUnhandledError);
     } else if (editorStore.hasUnpushedChanges) {
-      editorStore.setActionAltertInfo({
+      editorStore.setActionAlertInfo({
         message: 'You have unpushed changes',
         prompt:
           'This action will discard these changes and refresh the application',
diff --git a/packages/legend-studio/src/components/editor/edit-panel/mapping-editor/InstanceSetImplementationEditor.tsx b/packages/legend-studio/src/components/editor/edit-panel/mapping-editor/InstanceSetImplementationEditor.tsx
index 721078abab..529b083e37 100644
--- a/packages/legend-studio/src/components/editor/edit-panel/mapping-editor/InstanceSetImplementationEditor.tsx
+++ b/packages/legend-studio/src/components/editor/edit-panel/mapping-editor/InstanceSetImplementationEditor.tsx
@@ -119,7 +119,7 @@ export const InstanceSetImplementationSourceExplorer = observer(
         if (!embeddedSetImpls.length) {
           setSourceElementForSourceSelectorModal(null);
         } else {
-          editorStore.setActionAltertInfo({
+          editorStore.setActionAlertInfo({
             message: CHANGING_SOURCE_ON_EMBEDDED,
             onEnter: (): void => editorStore.setBlockGlobalHotkeys(true),
             onClose: (): void => editorStore.setBlockGlobalHotkeys(false),
@@ -217,7 +217,7 @@ export const InstanceSetImplementationSourceExplorer = observer(
           if (!embeddedSetImpls.length) {
             changeClassMappingSourceDriver(droppedPackagableElement);
           } else {
-            editorStore.setActionAltertInfo({
+            editorStore.setActionAlertInfo({
               message: CHANGING_SOURCE_ON_EMBEDDED,
               onEnter: (): void => editorStore.setBlockGlobalHotkeys(true),
               onClose: (): void => editorStore.setBlockGlobalHotkeys(false),
diff --git a/packages/legend-studio/src/components/editor/edit-panel/mapping-editor/MappingExecutionBuilder.tsx b/packages/legend-studio/src/components/editor/edit-panel/mapping-editor/MappingExecutionBuilder.tsx
index 32768002a9..58cd50e329 100644
--- a/packages/legend-studio/src/components/editor/edit-panel/mapping-editor/MappingExecutionBuilder.tsx
+++ b/packages/legend-studio/src/components/editor/edit-panel/mapping-editor/MappingExecutionBuilder.tsx
@@ -239,7 +239,7 @@ const MappingExecutionQueryEditor = observer(
               );
             }
           } else {
-            editorStore.setActionAltertInfo({
+            editorStore.setActionAlertInfo({
               message: 'Mapping execution input data is already set',
               prompt: 'Do you want to regenerate the input data?',
               type: ActionAlertType.CAUTION,
diff --git a/packages/legend-studio/src/components/editor/edit-panel/mapping-editor/MappingTestEditor.tsx b/packages/legend-studio/src/components/editor/edit-panel/mapping-editor/MappingTestEditor.tsx
index cbad05ba3d..63e8faa9a3 100644
--- a/packages/legend-studio/src/components/editor/edit-panel/mapping-editor/MappingTestEditor.tsx
+++ b/packages/legend-studio/src/components/editor/edit-panel/mapping-editor/MappingTestEditor.tsx
@@ -134,7 +134,7 @@ const MappingTestQueryEditor = observer(
 
         // Attempt to generate data for input data panel as we pick the class mapping
         if (setImplementation) {
-          editorStore.setActionAltertInfo({
+          editorStore.setActionAlertInfo({
             message: 'Mapping test input data is already set',
             prompt: 'Do you want to regenerate the input data?',
             type: ActionAlertType.CAUTION,
diff --git a/packages/legend-studio/src/components/editor/edit-panel/project-configuration-editor/ProjectConfigurationEditor.tsx b/packages/legend-studio/src/components/editor/edit-panel/project-configuration-editor/ProjectConfigurationEditor.tsx
index 980ff7843f..68e6c41c3b 100644
--- a/packages/legend-studio/src/components/editor/edit-panel/project-configuration-editor/ProjectConfigurationEditor.tsx
+++ b/packages/legend-studio/src/components/editor/edit-panel/project-configuration-editor/ProjectConfigurationEditor.tsx
@@ -391,7 +391,7 @@ export const ProjectConfigurationEditor = observer(() => {
     selectedTab === CONFIGURATION_EDITOR_TAB.PROJECT_STRUCTURE || isReadOnly;
   const updateConfigs = (): void => {
     if (editorStore.hasUnpushedChanges) {
-      editorStore.setActionAltertInfo({
+      editorStore.setActionAlertInfo({
         message: 'You have unpushed changes',
         prompt:
           'This action will discard these changes and refresh the application',
diff --git a/packages/legend-studio/src/components/editor/side-bar/WorkspaceReview.tsx b/packages/legend-studio/src/components/editor/side-bar/WorkspaceReview.tsx
index 6c5a234d6f..d004e7e3b2 100644
--- a/packages/legend-studio/src/components/editor/side-bar/WorkspaceReview.tsx
+++ b/packages/legend-studio/src/components/editor/side-bar/WorkspaceReview.tsx
@@ -140,7 +140,7 @@ export const WorkspaceReview = observer(() => {
         ).catch(applicationStore.alertUnhandledError);
       };
       if (editorStore.hasUnpushedChanges) {
-        editorStore.setActionAltertInfo({
+        editorStore.setActionAlertInfo({
           message: 'You have unpushed changes',
           prompt:
             'This action will discard these changes and refresh the application',
diff --git a/packages/legend-studio/src/components/editor/side-bar/WorkspaceUpdater.tsx b/packages/legend-studio/src/components/editor/side-bar/WorkspaceUpdater.tsx
index 594da81eab..da28876728 100644
--- a/packages/legend-studio/src/components/editor/side-bar/WorkspaceUpdater.tsx
+++ b/packages/legend-studio/src/components/editor/side-bar/WorkspaceUpdater.tsx
@@ -57,7 +57,7 @@ export const WorkspaceUpdater = observer(() => {
   // Actions
   const updateWorkspace = (): void => {
     if (editorStore.hasUnpushedChanges) {
-      editorStore.setActionAltertInfo({
+      editorStore.setActionAlertInfo({
         message: 'You have unpushed changes',
         prompt:
           'This action will discard these changes and refresh the application',
diff --git a/packages/legend-studio/src/stores/EditorGraphState.ts b/packages/legend-studio/src/stores/EditorGraphState.ts
index b0d8f6752f..714410c82d 100644
--- a/packages/legend-studio/src/stores/EditorGraphState.ts
+++ b/packages/legend-studio/src/stores/EditorGraphState.ts
@@ -663,7 +663,7 @@ export class EditorGraphState {
           this.editorStore.applicationStore.notifyWarning(
             `Compilation failed: ${error.message}`,
           );
-          this.editorStore.setActionAltertInfo({
+          this.editorStore.setActionAlertInfo({
             message: 'Project is not in a compiled state',
             prompt:
               'All changes made since the last time the graph was built successfully will be lost',
diff --git a/packages/legend-studio/src/stores/EditorStore.ts b/packages/legend-studio/src/stores/EditorStore.ts
index ca333a7364..fec0738ded 100644
--- a/packages/legend-studio/src/stores/EditorStore.ts
+++ b/packages/legend-studio/src/stores/EditorStore.ts
@@ -262,7 +262,7 @@ export class EditorStore {
       setIgnoreNavigationBlocking: action,
       refreshCurrentEntityDiffEditorState: action,
       setBlockingAlert: action,
-      setActionAltertInfo: action,
+      setActionAlertInfo: action,
       cleanUp: action,
       reset: action,
       setGraphEditMode: action,
@@ -499,11 +499,11 @@ export class EditorStore {
     this.applicationStore.setBlockingAlert(alertInfo);
   }
 
-  setActionAltertInfo(alertInfo: ActionAlertInfo | undefined): void {
+  setActionAlertInfo(alertInfo: ActionAlertInfo | undefined): void {
     if (this._isDisposed) {
       return;
     }
-    this.applicationStore.setActionAltertInfo(alertInfo);
+    this.applicationStore.setActionAlertInfo(alertInfo);
   }
 
   cleanUp(): void {
@@ -512,7 +512,7 @@ export class EditorStore {
     // e.g. trying going to an unknown workspace, we will be redirected to the home page
     // but the blocking alert for not-found workspace will still block the app
     this.setBlockingAlert(undefined);
-    this.setActionAltertInfo(undefined);
+    this.setActionAlertInfo(undefined);
     // stop change detection to avoid memory-leak
     this.changeDetectionState.stop();
     this._isDisposed = true;
@@ -577,7 +577,7 @@ export class EditorStore {
       // instead, we give them the option to:
       // - reload the page (in case they later gain access)
       // - back to the setup page
-      this.setActionAltertInfo({
+      this.setActionAlertInfo({
         message: `Project not found or inaccessible`,
         prompt: 'Please check that the project exists and request access to it',
         type: ActionAlertType.STANDARD,
@@ -648,7 +648,7 @@ export class EditorStore {
           this.applicationStore.notifyError(error);
         }
       };
-      this.setActionAltertInfo({
+      this.setActionAlertInfo({
         message: 'Workspace not found',
         prompt: `Please note that you can check out the project in viewer mode. Workspace is only required if you need to work on the project.`,
         type: ActionAlertType.STANDARD,
@@ -744,7 +744,7 @@ export class EditorStore {
   }
 
   private *initConflictResolutionMode(): GeneratorFn<void> {
-    this.setActionAltertInfo({
+    this.setActionAlertInfo({
       message: 'Failed to update workspace.',
       prompt:
         'You can discard all of your changes or review them, resolve all merge conflicts and fix any potential compilation issues as well as test failures',
diff --git a/packages/legend-studio/src/stores/LegendStudioStore.ts b/packages/legend-studio/src/stores/LegendStudioStore.ts
index 4de2ae45e0..d18b995744 100644
--- a/packages/legend-studio/src/stores/LegendStudioStore.ts
+++ b/packages/legend-studio/src/stores/LegendStudioStore.ts
@@ -149,7 +149,7 @@ export class LegendStudioStore {
         this.SDLCServerTermsOfServicesUrlsToView =
           (yield this.sdlcServerClient.hasAcceptedTermsOfService()) as string[];
         if (this.SDLCServerTermsOfServicesUrlsToView.length) {
-          this.applicationStore.setActionAltertInfo({
+          this.applicationStore.setActionAlertInfo({
             message: `Please read and accept the SDLC servers' terms of service`,
             prompt: `Click 'Done' when you have accepted all the terms`,
             type: ActionAlertType.CAUTION,
@@ -186,7 +186,7 @@ export class LegendStudioStore {
         error instanceof NetworkClientError &&
         error.response.status === HttpStatus.UNAUTHORIZED
       ) {
-        this.applicationStore.setActionAltertInfo({
+        this.applicationStore.setActionAlertInfo({
           message:
             'The first time the application starts in development mode, the developer would need to authenticate using SDLC server. Please do so then manually reload the app',
           type: ActionAlertType.STANDARD,
diff --git a/packages/legend-studio/src/stores/editor-state/element-editor-state/mapping/MappingExecutionState.ts b/packages/legend-studio/src/stores/editor-state/element-editor-state/mapping/MappingExecutionState.ts
index feab834567..85fd2ed5fa 100644
--- a/packages/legend-studio/src/stores/editor-state/element-editor-state/mapping/MappingExecutionState.ts
+++ b/packages/legend-studio/src/stores/editor-state/element-editor-state/mapping/MappingExecutionState.ts
@@ -800,7 +800,7 @@ export class MappingExecutionState {
           );
         }
       } else {
-        this.editorStore.setActionAltertInfo({
+        this.editorStore.setActionAlertInfo({
           message: 'Mapping execution input data is already set',
           prompt: 'Do you want to regenerate the input data?',
           type: ActionAlertType.CAUTION,
diff --git a/packages/legend-studio/src/stores/editor-state/element-editor-state/service/ServiceRegistrationState.ts b/packages/legend-studio/src/stores/editor-state/element-editor-state/service/ServiceRegistrationState.ts
index e34a0456ed..9c37279635 100644
--- a/packages/legend-studio/src/stores/editor-state/element-editor-state/service/ServiceRegistrationState.ts
+++ b/packages/legend-studio/src/stores/editor-state/element-editor-state/service/ServiceRegistrationState.ts
@@ -247,7 +247,7 @@ export class ServiceRegistrationState {
             ? serviceRegistrationResult.pattern.substring(1)
             : serviceRegistrationResult.pattern,
         );
-      this.editorStore.setActionAltertInfo({
+      this.editorStore.setActionAlertInfo({
         message,
         prompt: 'You can now launch and monitor the operation of your service',
         type: ActionAlertType.STANDARD,
diff --git a/packages/legend-studio/src/stores/sidebar-state/LocalChangesState.ts b/packages/legend-studio/src/stores/sidebar-state/LocalChangesState.ts
index 4864b6049f..fb2186fdfe 100644
--- a/packages/legend-studio/src/stores/sidebar-state/LocalChangesState.ts
+++ b/packages/legend-studio/src/stores/sidebar-state/LocalChangesState.ts
@@ -507,7 +507,7 @@ export class LocalChangesState {
       yield flowResult(
         this.editorStore.changeDetectionState.computeAggregatedWorkspaceRemoteChanges(),
       );
-      this.editorStore.setActionAltertInfo({
+      this.editorStore.setActionAlertInfo({
         message: 'Local workspace is out-of-sync',
         prompt: 'Please pull remote changes before pushing your local changes',
         type: ActionAlertType.CAUTION,
@@ -612,7 +612,7 @@ export class LocalChangesState {
               error,
             );
           }
-          this.editorStore.setActionAltertInfo({
+          this.editorStore.setActionAlertInfo({
             message: `Change detection engine failed to build hashes index for workspace after syncing`,
             prompt:
               'To fix this, you can either try to keep refreshing local changes until success or trust and reuse current workspace hashes index',
diff --git a/packages/legend-studio/src/stores/sidebar-state/WorkspaceReviewState.ts b/packages/legend-studio/src/stores/sidebar-state/WorkspaceReviewState.ts
index 3d56eb9cdd..db13dc5494 100644
--- a/packages/legend-studio/src/stores/sidebar-state/WorkspaceReviewState.ts
+++ b/packages/legend-studio/src/stores/sidebar-state/WorkspaceReviewState.ts
@@ -317,7 +317,7 @@ export class WorkspaceReviewState {
         review.id,
         { message: `${review.title} [review]` },
       );
-      this.editorStore.setActionAltertInfo({
+      this.editorStore.setActionAlertInfo({
         message: 'Committed review successfully',
         prompt:
           'You can create a new workspace with the same name or leave for the start page',
diff --git a/packages/legend-studio/src/stores/sidebar-state/WorkspaceSyncState.ts b/packages/legend-studio/src/stores/sidebar-state/WorkspaceSyncState.ts
index 167cc525bf..6b0fd8e56c 100644
--- a/packages/legend-studio/src/stores/sidebar-state/WorkspaceSyncState.ts
+++ b/packages/legend-studio/src/stores/sidebar-state/WorkspaceSyncState.ts
@@ -452,7 +452,7 @@ export class WorkspaceSyncState {
       }
       if (conflicts.length) {
         this.editorStore.setBlockingAlert(undefined);
-        this.editorStore.setActionAltertInfo({
+        this.editorStore.setActionAlertInfo({
           message: 'Conflicts found while pulling changes',
           prompt:
             'You can either force-pull (override local changes) or resolve these conflicts manually',

From 423b7bfaa7a8a412e18a07d6707dcb8addf89c8a Mon Sep 17 00:00:00 2001
From: An Phi <aphi@skidmore.edu>
Date: Sun, 8 May 2022 22:32:05 -0400
Subject: [PATCH 6/7] cleanup some progress states in ChangeDetectionState

---
 .../src/components/editor/ActivityBar.tsx     | 10 +++----
 .../src/components/editor/StatusBar.tsx       | 28 +++++++++----------
 .../editor/side-bar/LocalChanges.tsx          |  2 +-
 .../src/stores/ChangeDetectionState.ts        | 18 ++++--------
 .../ProjectConfigurationEditorState.ts        |  4 +--
 5 files changed, 28 insertions(+), 34 deletions(-)

diff --git a/packages/legend-studio/src/components/editor/ActivityBar.tsx b/packages/legend-studio/src/components/editor/ActivityBar.tsx
index 318d17d85a..457b28bff0 100644
--- a/packages/legend-studio/src/components/editor/ActivityBar.tsx
+++ b/packages/legend-studio/src/components/editor/ActivityBar.tsx
@@ -78,9 +78,9 @@ export const ActivityBar = observer(() => {
   const localChangesDisplayLabel = localChanges > 99 ? '99+' : localChanges;
   const localChangesIndicatorStatusIcon =
     editorStore.graphManagerState.graph.buildState.hasFailed ||
-    editorStore.changeDetectionState.forcedStop ? (
+    editorStore.changeDetectionState.initState.hasFailed ? (
       <div />
-    ) : !editorStore.changeDetectionState.isChangeDetectionRunning ||
+    ) : !editorStore.changeDetectionState.initState.hasSucceeded ||
       editorStore.changeDetectionState.workspaceLocalLatestRevisionState
         .isBuildingEntityHashesIndex ||
       editorStore.localChangesState.pushChangesState.isInProgress ? (
@@ -111,7 +111,7 @@ export const ActivityBar = observer(() => {
   const conflictResolutionChangesIndicatorStatusIcon =
     !editorStore.isInConflictResolutionMode ? (
       <div />
-    ) : !editorStore.changeDetectionState.isChangeDetectionRunning ||
+    ) : !editorStore.changeDetectionState.initState.hasSucceeded ||
       editorStore.changeDetectionState.workspaceBaseRevisionState
         .isBuildingEntityHashesIndex ? (
       <div
@@ -135,7 +135,7 @@ export const ActivityBar = observer(() => {
     editorStore.changeDetectionState.aggregatedWorkspaceChanges.length;
   const reviewChangesIndicatorStatusIcon = !reviewChanges ? (
     <div />
-  ) : !editorStore.changeDetectionState.isChangeDetectionRunning ||
+  ) : !editorStore.changeDetectionState.initState.hasSucceeded ||
     editorStore.changeDetectionState.workspaceBaseRevisionState
       .isBuildingEntityHashesIndex ||
     editorStore.changeDetectionState.workspaceLocalLatestRevisionState
@@ -154,7 +154,7 @@ export const ActivityBar = observer(() => {
     editorStore.changeDetectionState.potentialWorkspaceUpdateConflicts.length;
   const projectLatestChangesIndicatorStatusIcon = !workspaceUpdateChanges ? (
     <div />
-  ) : !editorStore.changeDetectionState.isChangeDetectionRunning ||
+  ) : !editorStore.changeDetectionState.initState.hasSucceeded ||
     editorStore.changeDetectionState.workspaceBaseRevisionState
       .isBuildingEntityHashesIndex ||
     editorStore.changeDetectionState.projectLatestRevisionState
diff --git a/packages/legend-studio/src/components/editor/StatusBar.tsx b/packages/legend-studio/src/components/editor/StatusBar.tsx
index 173ec638c2..77db1aed40 100644
--- a/packages/legend-studio/src/components/editor/StatusBar.tsx
+++ b/packages/legend-studio/src/components/editor/StatusBar.tsx
@@ -74,17 +74,17 @@ export const StatusBar = observer((props: { actionsDisabled: boolean }) => {
   const pushLocalChanges = applicationStore.guardUnhandledError(() =>
     flowResult(editorStore.localChangesState.pushLocalChanges()),
   );
+  // TODO: we probably should refactor this, these messages are not that helpful and
+  // meant for different purposes
   const pushStatusText =
     editorStore.graphManagerState.graph.buildState.hasFailed ||
-    editorStore.changeDetectionState.forcedStop
+    editorStore.changeDetectionState.initState.hasFailed
       ? 'change detection halted'
-      : !editorStore.changeDetectionState.isChangeDetectionRunning
-      ? !editorStore.changeDetectionState.hasChangeDetectionStarted
-        ? 'starting change detection...'
-        : 'restarting change detection...'
-      : editorStore.changeDetectionState.workspaceLocalLatestRevisionState
+      : !editorStore.changeDetectionState.initState.hasSucceeded
+      ? editorStore.changeDetectionState.workspaceLocalLatestRevisionState
           .isBuildingEntityHashesIndex
-      ? 'building indexes...'
+        ? 'building indexes...'
+        : 'starting change detection...'
       : editorStore.localChangesState.pushChangesState.isInProgress
       ? 'pushing local changes...'
       : configurationState.isUpdatingConfiguration
@@ -99,17 +99,17 @@ export const StatusBar = observer((props: { actionsDisabled: boolean }) => {
   const acceptConflictResolution = applicationStore.guardUnhandledError(() =>
     flowResult(editorStore.conflictResolutionState.acceptConflictResolution()),
   );
+  // TODO: we probably should refactor this, these messages are not that helpful and
+  // meant for different purposes
   const conflictResolutionStatusText =
     editorStore.graphManagerState.graph.buildState.hasFailed ||
-    editorStore.changeDetectionState.forcedStop
+    editorStore.changeDetectionState.initState.hasFailed
       ? 'change detection halted'
-      : !editorStore.changeDetectionState.isChangeDetectionRunning
-      ? !editorStore.changeDetectionState.hasChangeDetectionStarted
-        ? 'starting change detection...'
-        : 'restarting change detection...'
-      : editorStore.changeDetectionState.workspaceLocalLatestRevisionState
+      : !editorStore.changeDetectionState.initState.hasSucceeded
+      ? editorStore.changeDetectionState.workspaceLocalLatestRevisionState
           .isBuildingEntityHashesIndex
-      ? 'building indexes...'
+        ? 'building indexes...'
+        : 'starting change detection...'
       : editorStore.conflictResolutionState.isAcceptingConflictResolution
       ? 'submitting conflict resolution...'
       : conflicts
diff --git a/packages/legend-studio/src/components/editor/side-bar/LocalChanges.tsx b/packages/legend-studio/src/components/editor/side-bar/LocalChanges.tsx
index 660390780b..834c98c8ae 100644
--- a/packages/legend-studio/src/components/editor/side-bar/LocalChanges.tsx
+++ b/packages/legend-studio/src/components/editor/side-bar/LocalChanges.tsx
@@ -232,7 +232,7 @@ export const LocalChanges = observer(() => {
             disabled={
               isDispatchingAction ||
               editorStore.workspaceUpdaterState.isUpdatingWorkspace ||
-              !editorStore.changeDetectionState.isChangeDetectionRunning ||
+              !editorStore.changeDetectionState.initState.hasSucceeded ||
               !editorStore.isInFormMode
             }
             tabIndex={-1}
diff --git a/packages/legend-studio/src/stores/ChangeDetectionState.ts b/packages/legend-studio/src/stores/ChangeDetectionState.ts
index 849ad3ca93..311478af33 100644
--- a/packages/legend-studio/src/stores/ChangeDetectionState.ts
+++ b/packages/legend-studio/src/stores/ChangeDetectionState.ts
@@ -206,10 +206,7 @@ export class ChangeDetectionState {
   editorStore: EditorStore;
   graphState: EditorGraphState;
   graphObserveState = ActionState.create();
-  // TODO: use ActionState for this
-  isChangeDetectionRunning = false;
-  hasChangeDetectionStarted = false;
-  forcedStop = false;
+  initState = ActionState.create();
   /**
    * Keep the list of disposers to deactivate `keepAlive` for computed value of element hash code.
    * See {@link preComputeGraphElementHashes} for more details
@@ -279,9 +276,6 @@ export class ChangeDetectionState {
 
   constructor(editorStore: EditorStore, graphState: EditorGraphState) {
     makeObservable(this, {
-      isChangeDetectionRunning: observable,
-      hasChangeDetectionStarted: observable,
-      forcedStop: observable,
       resolutions: observable,
       projectLatestRevisionState: observable.ref,
       conflictResolutionBaseRevisionState: observable.ref,
@@ -365,9 +359,10 @@ export class ChangeDetectionState {
     this.graphObserveState.reset();
     this.changeDetectionReaction?.();
     this.changeDetectionReaction = undefined;
-    this.isChangeDetectionRunning = false;
     if (force) {
-      this.forcedStop = true;
+      this.initState.fail();
+    } else {
+      this.initState.reset();
     }
   }
 
@@ -431,15 +426,13 @@ export class ChangeDetectionState {
         delay: throttleDuration,
       },
     );
-    this.isChangeDetectionRunning = true;
-    this.hasChangeDetectionStarted = true;
-    this.forcedStop = false;
 
     // dispose and remove the disposers for `keepAlive` computations for elements' hash code
     this.graphElementHashCodeKeepAliveComputationDisposers.forEach((disposer) =>
       disposer(),
     );
     this.graphElementHashCodeKeepAliveComputationDisposers = [];
+    this.initState.pass();
   }
 
   snapshotLocalEntityHashesIndex(quiet?: boolean): Map<string, string> {
@@ -781,6 +774,7 @@ export class ChangeDetectionState {
       Date.now() - startTime,
       'ms',
     );
+    this.graphObserveState.setMessage(undefined);
     this.graphObserveState.pass();
   }
 
diff --git a/packages/legend-studio/src/stores/editor-state/ProjectConfigurationEditorState.ts b/packages/legend-studio/src/stores/editor-state/ProjectConfigurationEditorState.ts
index b0adf7d1af..092cf57a7a 100644
--- a/packages/legend-studio/src/stores/editor-state/ProjectConfigurationEditorState.ts
+++ b/packages/legend-studio/src/stores/editor-state/ProjectConfigurationEditorState.ts
@@ -48,16 +48,16 @@ export enum CONFIGURATION_EDITOR_TAB {
 export class ProjectConfigurationEditorState extends EditorState {
   sdlcState: EditorSDLCState;
   originalProjectConfiguration?: ProjectConfiguration | undefined; // TODO: we might want to remove this when we do change detection for project configuration
-  isUpdatingConfiguration = false;
   projectConfiguration?: ProjectConfiguration | undefined;
   selectedTab: CONFIGURATION_EDITOR_TAB;
   isReadOnly = false;
   projects = new Map<string, ProjectData>();
   queryHistory = new Set<string>();
+  latestProjectStructureVersion: ProjectStructureVersion | undefined;
+  isUpdatingConfiguration = false;
   isQueryingProjects = false;
   associatedProjectsAndVersionsFetched = false;
   isFetchingAssociatedProjectsAndVersions = false;
-  latestProjectStructureVersion: ProjectStructureVersion | undefined;
 
   constructor(editorStore: EditorStore, sdlcState: EditorSDLCState) {
     super(editorStore);

From 2c4d9ec809b0771d5f8435f26d632240fc9860b6 Mon Sep 17 00:00:00 2001
From: An Phi <aphi@skidmore.edu>
Date: Sun, 8 May 2022 22:34:08 -0400
Subject: [PATCH 7/7] bump dependencies

---
 .changeset/giant-kangaroos-guess.md           |  35 ++++
 fixtures/legend-mock-server/package.json      |   2 +-
 package.json                                  |   4 +-
 packages/babel-preset/package.json            |   2 +-
 packages/legend-application/package.json      |   4 +-
 packages/legend-art/package.json              |   4 +-
 packages/legend-dev-utils/package.json        |   2 +-
 .../package.json                              |   4 +-
 .../legend-extension-dsl-diagram/package.json |   4 +-
 .../package.json                              |   4 +-
 .../legend-extension-dsl-text/package.json    |   4 +-
 .../package.json                              |   2 +-
 .../package.json                              |   2 +-
 .../package.json                              |   4 +-
 .../package.json                              |   2 +-
 .../package.json                              |   2 +-
 packages/legend-graph/package.json            |   2 +-
 packages/legend-manual-tests/package.json     |   2 +-
 packages/legend-model-storage/package.json    |   2 +-
 packages/legend-query-app/package.json        |   4 +-
 packages/legend-query-deployment/package.json |   2 +-
 packages/legend-query/package.json            |   4 +-
 packages/legend-server-depot/package.json     |   2 +-
 packages/legend-server-sdlc/package.json      |   2 +-
 packages/legend-shared/package.json           |   2 +-
 packages/legend-studio-app/package.json       |   4 +-
 .../legend-studio-deployment/package.json     |   2 +-
 .../package.json                              |   4 +-
 .../package.json                              |   4 +-
 packages/legend-studio/package.json           |   4 +-
 packages/legend-taxonomy-app/package.json     |   4 +-
 .../legend-taxonomy-deployment/package.json   |   2 +-
 packages/legend-taxonomy/package.json         |   4 +-
 .../package.json                              |   2 +-
 packages/stylelint-config/package.json        |   2 +-
 yarn.lock                                     | 163 ++++++++++--------
 36 files changed, 172 insertions(+), 126 deletions(-)
 create mode 100644 .changeset/giant-kangaroos-guess.md

diff --git a/.changeset/giant-kangaroos-guess.md b/.changeset/giant-kangaroos-guess.md
new file mode 100644
index 0000000000..e2765dda2b
--- /dev/null
+++ b/.changeset/giant-kangaroos-guess.md
@@ -0,0 +1,35 @@
+---
+'@finos/babel-preset-legend-studio': patch
+'@finos/eslint-plugin-legend-studio': patch
+'@finos/legend-application': patch
+'@finos/legend-art': patch
+'@finos/legend-dev-utils': patch
+'@finos/legend-extension-dsl-data-space': patch
+'@finos/legend-extension-dsl-diagram': patch
+'@finos/legend-extension-dsl-persistence': patch
+'@finos/legend-extension-dsl-text': patch
+'@finos/legend-extension-external-format-json-schema': patch
+'@finos/legend-extension-external-language-morphir': patch
+'@finos/legend-extension-external-store-service': patch
+'@finos/legend-extension-mapping-generation': patch
+'@finos/legend-graph': patch
+'@finos/legend-graph-extension-collection': patch
+'@finos/legend-manual-tests': patch
+'@finos/legend-model-storage': patch
+'@finos/legend-query': patch
+'@finos/legend-query-app': patch
+'@finos/legend-query-deployment': patch
+'@finos/legend-server-depot': patch
+'@finos/legend-server-sdlc': patch
+'@finos/legend-shared': patch
+'@finos/legend-studio': patch
+'@finos/legend-studio-app': patch
+'@finos/legend-studio-deployment': patch
+'@finos/legend-studio-extension-management-toolkit': patch
+'@finos/legend-studio-extension-query-builder': patch
+'@finos/legend-taxonomy': patch
+'@finos/legend-taxonomy-app': patch
+'@finos/legend-taxonomy-deployment': patch
+'@finos/legend-tracer-extension-zipkin': patch
+'@finos/stylelint-config-legend-studio': patch
+---
diff --git a/fixtures/legend-mock-server/package.json b/fixtures/legend-mock-server/package.json
index f68c49634f..b3e55a0ce4 100644
--- a/fixtures/legend-mock-server/package.json
+++ b/fixtures/legend-mock-server/package.json
@@ -33,7 +33,7 @@
   "devDependencies": {
     "@finos/legend-dev-utils": "workspace:*",
     "cross-env": "7.0.3",
-    "eslint": "8.14.0",
+    "eslint": "8.15.0",
     "nodemon": "2.0.16",
     "npm-run-all": "4.1.5",
     "rimraf": "3.0.2",
diff --git a/package.json b/package.json
index 016c14c58c..5067bbb9a2 100644
--- a/package.json
+++ b/package.json
@@ -93,9 +93,9 @@
     "chalk": "5.0.1",
     "cross-env": "7.0.3",
     "envinfo": "7.8.1",
-    "eslint": "8.14.0",
+    "eslint": "8.15.0",
     "fs-extra": "10.1.0",
-    "husky": "7.0.4",
+    "husky": "8.0.0",
     "inquirer": "8.2.4",
     "jest": "28.1.0",
     "lint-staged": "12.4.1",
diff --git a/packages/babel-preset/package.json b/packages/babel-preset/package.json
index c08e8684fb..4c11b5352f 100644
--- a/packages/babel-preset/package.json
+++ b/packages/babel-preset/package.json
@@ -40,7 +40,7 @@
   },
   "devDependencies": {
     "cross-env": "7.0.3",
-    "eslint": "8.14.0",
+    "eslint": "8.15.0",
     "rimraf": "3.0.2",
     "typescript": "4.6.4"
   },
diff --git a/packages/legend-application/package.json b/packages/legend-application/package.json
index 382be32d0e..cd4ed26cb8 100644
--- a/packages/legend-application/package.json
+++ b/packages/legend-application/package.json
@@ -47,7 +47,7 @@
     "@finos/legend-graph": "workspace:*",
     "@finos/legend-shared": "workspace:*",
     "@types/css-font-loading-module": "0.0.7",
-    "@types/react": "18.0.8",
+    "@types/react": "18.0.9",
     "@types/react-dom": "18.0.3",
     "@types/react-router-dom": "5.3.2",
     "history": "5.3.0",
@@ -64,7 +64,7 @@
   "devDependencies": {
     "@finos/legend-dev-utils": "workspace:*",
     "cross-env": "7.0.3",
-    "eslint": "8.14.0",
+    "eslint": "8.15.0",
     "jest": "28.1.0",
     "npm-run-all": "4.1.5",
     "rimraf": "3.0.2",
diff --git a/packages/legend-art/package.json b/packages/legend-art/package.json
index a725dc91c9..e7f0c10df8 100644
--- a/packages/legend-art/package.json
+++ b/packages/legend-art/package.json
@@ -56,7 +56,7 @@
     "@fontsource/roboto-condensed": "4.5.8",
     "@fontsource/roboto-mono": "4.5.7",
     "@mui/material": "5.6.4",
-    "@types/react": "18.0.8",
+    "@types/react": "18.0.9",
     "@types/react-select": "4.0.18",
     "@types/react-window": "1.8.5",
     "clsx": "1.1.1",
@@ -77,7 +77,7 @@
   "devDependencies": {
     "@finos/legend-dev-utils": "workspace:*",
     "cross-env": "7.0.3",
-    "eslint": "8.14.0",
+    "eslint": "8.15.0",
     "jest": "28.1.0",
     "npm-run-all": "4.1.5",
     "rimraf": "3.0.2",
diff --git a/packages/legend-dev-utils/package.json b/packages/legend-dev-utils/package.json
index 5b36b3a4b7..1089829d4f 100644
--- a/packages/legend-dev-utils/package.json
+++ b/packages/legend-dev-utils/package.json
@@ -91,7 +91,7 @@
   },
   "devDependencies": {
     "cross-env": "7.0.3",
-    "eslint": "8.14.0",
+    "eslint": "8.15.0",
     "rimraf": "3.0.2"
   },
   "publishConfig": {
diff --git a/packages/legend-extension-dsl-data-space/package.json b/packages/legend-extension-dsl-data-space/package.json
index 3bc7106e11..e02f761aa2 100644
--- a/packages/legend-extension-dsl-data-space/package.json
+++ b/packages/legend-extension-dsl-data-space/package.json
@@ -52,7 +52,7 @@
     "@finos/legend-server-depot": "workspace:*",
     "@finos/legend-shared": "workspace:*",
     "@finos/legend-studio": "workspace:*",
-    "@types/react": "18.0.8",
+    "@types/react": "18.0.9",
     "mobx": "6.5.0",
     "mobx-react-lite": "3.4.0",
     "react": "18.1.0",
@@ -63,7 +63,7 @@
   "devDependencies": {
     "@finos/legend-dev-utils": "workspace:*",
     "cross-env": "7.0.3",
-    "eslint": "8.14.0",
+    "eslint": "8.15.0",
     "jest": "28.1.0",
     "npm-run-all": "4.1.5",
     "rimraf": "3.0.2",
diff --git a/packages/legend-extension-dsl-diagram/package.json b/packages/legend-extension-dsl-diagram/package.json
index e1d7e2f86b..6fbcdc6709 100644
--- a/packages/legend-extension-dsl-diagram/package.json
+++ b/packages/legend-extension-dsl-diagram/package.json
@@ -49,7 +49,7 @@
     "@finos/legend-model-storage": "workspace:*",
     "@finos/legend-shared": "workspace:*",
     "@finos/legend-studio": "workspace:*",
-    "@types/react": "18.0.8",
+    "@types/react": "18.0.9",
     "mobx": "6.5.0",
     "mobx-react-lite": "3.4.0",
     "react": "18.1.0",
@@ -62,7 +62,7 @@
     "@finos/legend-dev-utils": "workspace:*",
     "@testing-library/react": "13.2.0",
     "cross-env": "7.0.3",
-    "eslint": "8.14.0",
+    "eslint": "8.15.0",
     "jest": "28.1.0",
     "jest-canvas-mock": "2.4.0",
     "npm-run-all": "4.1.5",
diff --git a/packages/legend-extension-dsl-persistence/package.json b/packages/legend-extension-dsl-persistence/package.json
index 6eacdc3234..da421a2ff3 100644
--- a/packages/legend-extension-dsl-persistence/package.json
+++ b/packages/legend-extension-dsl-persistence/package.json
@@ -49,7 +49,7 @@
     "@finos/legend-model-storage": "workspace:*",
     "@finos/legend-shared": "workspace:*",
     "@finos/legend-studio": "workspace:*",
-    "@types/react": "18.0.8",
+    "@types/react": "18.0.9",
     "mobx": "6.5.0",
     "react": "18.1.0",
     "serializr": "2.0.5"
@@ -57,7 +57,7 @@
   "devDependencies": {
     "@finos/legend-dev-utils": "workspace:*",
     "cross-env": "7.0.3",
-    "eslint": "8.14.0",
+    "eslint": "8.15.0",
     "jest": "28.1.0",
     "npm-run-all": "4.1.5",
     "rimraf": "3.0.2",
diff --git a/packages/legend-extension-dsl-text/package.json b/packages/legend-extension-dsl-text/package.json
index 2e4f5a75cc..b3691a5f6c 100644
--- a/packages/legend-extension-dsl-text/package.json
+++ b/packages/legend-extension-dsl-text/package.json
@@ -49,7 +49,7 @@
     "@finos/legend-model-storage": "workspace:*",
     "@finos/legend-shared": "workspace:*",
     "@finos/legend-studio": "workspace:*",
-    "@types/react": "18.0.8",
+    "@types/react": "18.0.9",
     "mobx": "6.5.0",
     "mobx-react-lite": "3.4.0",
     "react": "18.1.0",
@@ -58,7 +58,7 @@
   "devDependencies": {
     "@finos/legend-dev-utils": "workspace:*",
     "cross-env": "7.0.3",
-    "eslint": "8.14.0",
+    "eslint": "8.15.0",
     "jest": "28.1.0",
     "npm-run-all": "4.1.5",
     "rimraf": "3.0.2",
diff --git a/packages/legend-extension-external-format-json-schema/package.json b/packages/legend-extension-external-format-json-schema/package.json
index bc524394a0..602e73236c 100644
--- a/packages/legend-extension-external-format-json-schema/package.json
+++ b/packages/legend-extension-external-format-json-schema/package.json
@@ -45,7 +45,7 @@
   "devDependencies": {
     "@finos/legend-dev-utils": "workspace:*",
     "cross-env": "7.0.3",
-    "eslint": "8.14.0",
+    "eslint": "8.15.0",
     "jest": "28.1.0",
     "npm-run-all": "4.1.5",
     "rimraf": "3.0.2",
diff --git a/packages/legend-extension-external-language-morphir/package.json b/packages/legend-extension-external-language-morphir/package.json
index 5c3e0201d7..63327d4ad7 100644
--- a/packages/legend-extension-external-language-morphir/package.json
+++ b/packages/legend-extension-external-language-morphir/package.json
@@ -51,7 +51,7 @@
   "devDependencies": {
     "@finos/legend-dev-utils": "workspace:*",
     "cross-env": "7.0.3",
-    "eslint": "8.14.0",
+    "eslint": "8.15.0",
     "jest": "28.1.0",
     "npm-run-all": "4.1.5",
     "rimraf": "3.0.2",
diff --git a/packages/legend-extension-external-store-service/package.json b/packages/legend-extension-external-store-service/package.json
index 59f06ff2a5..101042e5e8 100644
--- a/packages/legend-extension-external-store-service/package.json
+++ b/packages/legend-extension-external-store-service/package.json
@@ -46,7 +46,7 @@
     "@finos/legend-model-storage": "workspace:*",
     "@finos/legend-shared": "workspace:*",
     "@finos/legend-studio": "workspace:*",
-    "@types/react": "18.0.8",
+    "@types/react": "18.0.9",
     "mobx": "6.5.0",
     "mobx-react-lite": "3.4.0",
     "react": "18.1.0",
@@ -55,7 +55,7 @@
   "devDependencies": {
     "@finos/legend-dev-utils": "workspace:*",
     "cross-env": "7.0.3",
-    "eslint": "8.14.0",
+    "eslint": "8.15.0",
     "jest": "28.1.0",
     "npm-run-all": "4.1.5",
     "rimraf": "3.0.2",
diff --git a/packages/legend-extension-mapping-generation/package.json b/packages/legend-extension-mapping-generation/package.json
index 29c99c0a3e..7bc0467abb 100644
--- a/packages/legend-extension-mapping-generation/package.json
+++ b/packages/legend-extension-mapping-generation/package.json
@@ -54,7 +54,7 @@
   "devDependencies": {
     "@finos/legend-dev-utils": "workspace:*",
     "cross-env": "7.0.3",
-    "eslint": "8.14.0",
+    "eslint": "8.15.0",
     "jest": "28.1.0",
     "npm-run-all": "4.1.5",
     "rimraf": "3.0.2",
diff --git a/packages/legend-graph-extension-collection/package.json b/packages/legend-graph-extension-collection/package.json
index 329d32bae6..86162596bc 100644
--- a/packages/legend-graph-extension-collection/package.json
+++ b/packages/legend-graph-extension-collection/package.json
@@ -49,7 +49,7 @@
   "devDependencies": {
     "@finos/legend-dev-utils": "workspace:*",
     "cross-env": "7.0.3",
-    "eslint": "8.14.0",
+    "eslint": "8.15.0",
     "jest": "28.1.0",
     "npm-run-all": "4.1.5",
     "rimraf": "3.0.2",
diff --git a/packages/legend-graph/package.json b/packages/legend-graph/package.json
index 2a90af583e..f0c5c7a892 100644
--- a/packages/legend-graph/package.json
+++ b/packages/legend-graph/package.json
@@ -49,7 +49,7 @@
   "devDependencies": {
     "@finos/legend-dev-utils": "workspace:*",
     "cross-env": "7.0.3",
-    "eslint": "8.14.0",
+    "eslint": "8.15.0",
     "jest": "28.1.0",
     "npm-run-all": "4.1.5",
     "rimraf": "3.0.2",
diff --git a/packages/legend-manual-tests/package.json b/packages/legend-manual-tests/package.json
index 75d2e775a1..6d38cb1c3c 100644
--- a/packages/legend-manual-tests/package.json
+++ b/packages/legend-manual-tests/package.json
@@ -32,7 +32,7 @@
     "@finos/legend-dev-utils": "workspace:*",
     "axios": "0.27.2",
     "cross-env": "7.0.3",
-    "eslint": "8.14.0",
+    "eslint": "8.15.0",
     "jest": "28.1.0",
     "npm-run-all": "4.1.5",
     "rimraf": "3.0.2",
diff --git a/packages/legend-model-storage/package.json b/packages/legend-model-storage/package.json
index deb910af86..4fdbd05d9b 100644
--- a/packages/legend-model-storage/package.json
+++ b/packages/legend-model-storage/package.json
@@ -42,7 +42,7 @@
   "devDependencies": {
     "@finos/legend-dev-utils": "workspace:*",
     "cross-env": "7.0.3",
-    "eslint": "8.14.0",
+    "eslint": "8.15.0",
     "jest": "28.1.0",
     "lodash": "4.17.21",
     "npm-run-all": "4.1.5",
diff --git a/packages/legend-query-app/package.json b/packages/legend-query-app/package.json
index 8f640fd69b..0087048e4f 100644
--- a/packages/legend-query-app/package.json
+++ b/packages/legend-query-app/package.json
@@ -49,13 +49,13 @@
     "@finos/legend-graph-extension-collection": "workspace:*",
     "@finos/legend-query": "workspace:*",
     "@finos/legend-shared": "workspace:*",
-    "@types/react": "18.0.8",
+    "@types/react": "18.0.9",
     "react": "18.1.0"
   },
   "devDependencies": {
     "@finos/legend-dev-utils": "workspace:*",
     "cross-env": "7.0.3",
-    "eslint": "8.14.0",
+    "eslint": "8.15.0",
     "npm-run-all": "4.1.5",
     "rimraf": "3.0.2",
     "sass": "1.51.0",
diff --git a/packages/legend-query-deployment/package.json b/packages/legend-query-deployment/package.json
index 9ea57004a0..37bcb25df9 100644
--- a/packages/legend-query-deployment/package.json
+++ b/packages/legend-query-deployment/package.json
@@ -42,7 +42,7 @@
     "@finos/legend-dev-utils": "workspace:*",
     "copy-webpack-plugin": "10.2.4",
     "cross-env": "7.0.3",
-    "eslint": "8.14.0",
+    "eslint": "8.15.0",
     "npm-run-all": "4.1.5",
     "rimraf": "3.0.2",
     "typescript": "4.6.4",
diff --git a/packages/legend-query/package.json b/packages/legend-query/package.json
index 9c0d8877bc..8318fcb4ce 100644
--- a/packages/legend-query/package.json
+++ b/packages/legend-query/package.json
@@ -54,7 +54,7 @@
     "@finos/legend-shared": "workspace:*",
     "@testing-library/react": "13.2.0",
     "@types/papaparse": "5.3.2",
-    "@types/react": "18.0.8",
+    "@types/react": "18.0.9",
     "@types/react-dom": "18.0.3",
     "@types/react-router-dom": "5.3.2",
     "date-fns": "2.28.0",
@@ -75,7 +75,7 @@
     "@finos/legend-dev-utils": "workspace:*",
     "@testing-library/dom": "8.13.0",
     "cross-env": "7.0.3",
-    "eslint": "8.14.0",
+    "eslint": "8.15.0",
     "jest": "28.1.0",
     "npm-run-all": "4.1.5",
     "rimraf": "3.0.2",
diff --git a/packages/legend-server-depot/package.json b/packages/legend-server-depot/package.json
index 900bc16462..1fcd6c866b 100644
--- a/packages/legend-server-depot/package.json
+++ b/packages/legend-server-depot/package.json
@@ -47,7 +47,7 @@
   "devDependencies": {
     "@finos/legend-dev-utils": "workspace:*",
     "cross-env": "7.0.3",
-    "eslint": "8.14.0",
+    "eslint": "8.15.0",
     "jest": "28.1.0",
     "npm-run-all": "4.1.5",
     "rimraf": "3.0.2",
diff --git a/packages/legend-server-sdlc/package.json b/packages/legend-server-sdlc/package.json
index f6253fc748..dc48424104 100644
--- a/packages/legend-server-sdlc/package.json
+++ b/packages/legend-server-sdlc/package.json
@@ -48,7 +48,7 @@
   "devDependencies": {
     "@finos/legend-dev-utils": "workspace:*",
     "cross-env": "7.0.3",
-    "eslint": "8.14.0",
+    "eslint": "8.15.0",
     "jest": "28.1.0",
     "npm-run-all": "4.1.5",
     "rimraf": "3.0.2",
diff --git a/packages/legend-shared/package.json b/packages/legend-shared/package.json
index 4f5cde3f34..eee963d642 100644
--- a/packages/legend-shared/package.json
+++ b/packages/legend-shared/package.json
@@ -61,7 +61,7 @@
   "devDependencies": {
     "@finos/legend-dev-utils": "workspace:*",
     "cross-env": "7.0.3",
-    "eslint": "8.14.0",
+    "eslint": "8.15.0",
     "jest": "28.1.0",
     "lodash": "4.17.21",
     "npm-run-all": "4.1.5",
diff --git a/packages/legend-studio-app/package.json b/packages/legend-studio-app/package.json
index 4ac8852a68..352d4d3ddd 100644
--- a/packages/legend-studio-app/package.json
+++ b/packages/legend-studio-app/package.json
@@ -55,13 +55,13 @@
     "@finos/legend-shared": "workspace:*",
     "@finos/legend-studio": "workspace:*",
     "@finos/legend-studio-extension-query-builder": "workspace:*",
-    "@types/react": "18.0.8",
+    "@types/react": "18.0.9",
     "react": "18.1.0"
   },
   "devDependencies": {
     "@finos/legend-dev-utils": "workspace:*",
     "cross-env": "7.0.3",
-    "eslint": "8.14.0",
+    "eslint": "8.15.0",
     "npm-run-all": "4.1.5",
     "rimraf": "3.0.2",
     "sass": "1.51.0",
diff --git a/packages/legend-studio-deployment/package.json b/packages/legend-studio-deployment/package.json
index 0276e0731e..4f587a4c6d 100644
--- a/packages/legend-studio-deployment/package.json
+++ b/packages/legend-studio-deployment/package.json
@@ -42,7 +42,7 @@
     "@finos/legend-dev-utils": "workspace:*",
     "copy-webpack-plugin": "10.2.4",
     "cross-env": "7.0.3",
-    "eslint": "8.14.0",
+    "eslint": "8.15.0",
     "npm-run-all": "4.1.5",
     "rimraf": "3.0.2",
     "typescript": "4.6.4",
diff --git a/packages/legend-studio-extension-management-toolkit/package.json b/packages/legend-studio-extension-management-toolkit/package.json
index ec0c02496c..cf6e4a54d3 100644
--- a/packages/legend-studio-extension-management-toolkit/package.json
+++ b/packages/legend-studio-extension-management-toolkit/package.json
@@ -50,7 +50,7 @@
     "@finos/legend-server-sdlc": "workspace:*",
     "@finos/legend-shared": "workspace:*",
     "@finos/legend-studio": "workspace:*",
-    "@types/react": "18.0.8",
+    "@types/react": "18.0.9",
     "@types/react-router-dom": "5.3.2",
     "mobx": "6.5.0",
     "mobx-react-lite": "3.4.0",
@@ -60,7 +60,7 @@
   "devDependencies": {
     "@finos/legend-dev-utils": "workspace:*",
     "cross-env": "7.0.3",
-    "eslint": "8.14.0",
+    "eslint": "8.15.0",
     "jest": "28.1.0",
     "npm-run-all": "4.1.5",
     "rimraf": "3.0.2",
diff --git a/packages/legend-studio-extension-query-builder/package.json b/packages/legend-studio-extension-query-builder/package.json
index 97e6339968..231534104f 100644
--- a/packages/legend-studio-extension-query-builder/package.json
+++ b/packages/legend-studio-extension-query-builder/package.json
@@ -54,7 +54,7 @@
     "@finos/legend-server-depot": "workspace:*",
     "@finos/legend-shared": "workspace:*",
     "@finos/legend-studio": "workspace:*",
-    "@types/react": "18.0.8",
+    "@types/react": "18.0.9",
     "mobx": "6.5.0",
     "mobx-react-lite": "3.4.0",
     "react": "18.1.0",
@@ -65,7 +65,7 @@
     "@testing-library/dom": "8.13.0",
     "@testing-library/react": "13.2.0",
     "cross-env": "7.0.3",
-    "eslint": "8.14.0",
+    "eslint": "8.15.0",
     "jest": "28.1.0",
     "npm-run-all": "4.1.5",
     "rimraf": "3.0.2",
diff --git a/packages/legend-studio/package.json b/packages/legend-studio/package.json
index 35c57e0835..0dccb4de40 100644
--- a/packages/legend-studio/package.json
+++ b/packages/legend-studio/package.json
@@ -51,7 +51,7 @@
     "@finos/legend-server-sdlc": "workspace:*",
     "@finos/legend-shared": "workspace:*",
     "@testing-library/react": "13.2.0",
-    "@types/react": "18.0.8",
+    "@types/react": "18.0.9",
     "@types/react-dom": "18.0.3",
     "@types/react-router-dom": "5.3.2",
     "date-fns": "2.28.0",
@@ -76,7 +76,7 @@
     "@finos/legend-dev-utils": "workspace:*",
     "@testing-library/dom": "8.13.0",
     "cross-env": "7.0.3",
-    "eslint": "8.14.0",
+    "eslint": "8.15.0",
     "jest": "28.1.0",
     "npm-run-all": "4.1.5",
     "rimraf": "3.0.2",
diff --git a/packages/legend-taxonomy-app/package.json b/packages/legend-taxonomy-app/package.json
index 2b56638442..461a8db793 100644
--- a/packages/legend-taxonomy-app/package.json
+++ b/packages/legend-taxonomy-app/package.json
@@ -48,13 +48,13 @@
     "@finos/legend-graph-extension-collection": "workspace:*",
     "@finos/legend-shared": "workspace:*",
     "@finos/legend-taxonomy": "workspace:*",
-    "@types/react": "18.0.8",
+    "@types/react": "18.0.9",
     "react": "18.1.0"
   },
   "devDependencies": {
     "@finos/legend-dev-utils": "workspace:*",
     "cross-env": "7.0.3",
-    "eslint": "8.14.0",
+    "eslint": "8.15.0",
     "npm-run-all": "4.1.5",
     "rimraf": "3.0.2",
     "sass": "1.51.0",
diff --git a/packages/legend-taxonomy-deployment/package.json b/packages/legend-taxonomy-deployment/package.json
index a8a6e0a816..0f6b148d0b 100644
--- a/packages/legend-taxonomy-deployment/package.json
+++ b/packages/legend-taxonomy-deployment/package.json
@@ -42,7 +42,7 @@
     "@finos/legend-dev-utils": "workspace:*",
     "copy-webpack-plugin": "10.2.4",
     "cross-env": "7.0.3",
-    "eslint": "8.14.0",
+    "eslint": "8.15.0",
     "npm-run-all": "4.1.5",
     "rimraf": "3.0.2",
     "typescript": "4.6.4",
diff --git a/packages/legend-taxonomy/package.json b/packages/legend-taxonomy/package.json
index 1ad9004d60..0677877aac 100644
--- a/packages/legend-taxonomy/package.json
+++ b/packages/legend-taxonomy/package.json
@@ -49,7 +49,7 @@
     "@finos/legend-model-storage": "workspace:*",
     "@finos/legend-server-depot": "workspace:*",
     "@finos/legend-shared": "workspace:*",
-    "@types/react": "18.0.8",
+    "@types/react": "18.0.9",
     "@types/react-dom": "18.0.3",
     "@types/react-router-dom": "5.3.2",
     "history": "5.3.0",
@@ -66,7 +66,7 @@
   "devDependencies": {
     "@finos/legend-dev-utils": "workspace:*",
     "cross-env": "7.0.3",
-    "eslint": "8.14.0",
+    "eslint": "8.15.0",
     "jest": "28.1.0",
     "npm-run-all": "4.1.5",
     "rimraf": "3.0.2",
diff --git a/packages/legend-tracer-extension-zipkin/package.json b/packages/legend-tracer-extension-zipkin/package.json
index e4a8315341..848ee98a30 100644
--- a/packages/legend-tracer-extension-zipkin/package.json
+++ b/packages/legend-tracer-extension-zipkin/package.json
@@ -50,7 +50,7 @@
   "devDependencies": {
     "@finos/legend-dev-utils": "workspace:*",
     "cross-env": "7.0.3",
-    "eslint": "8.14.0",
+    "eslint": "8.15.0",
     "jest": "28.1.0",
     "npm-run-all": "4.1.5",
     "rimraf": "3.0.2",
diff --git a/packages/stylelint-config/package.json b/packages/stylelint-config/package.json
index ff6a2223ec..666900335f 100644
--- a/packages/stylelint-config/package.json
+++ b/packages/stylelint-config/package.json
@@ -38,7 +38,7 @@
   },
   "devDependencies": {
     "cross-env": "7.0.3",
-    "eslint": "8.14.0",
+    "eslint": "8.15.0",
     "rimraf": "3.0.2"
   },
   "peerDependencies": {
diff --git a/yarn.lock b/yarn.lock
index fe5dfdba98..2a736b7630 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1870,20 +1870,20 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@eslint/eslintrc@npm:^1.2.2":
-  version: 1.2.2
-  resolution: "@eslint/eslintrc@npm:1.2.2"
+"@eslint/eslintrc@npm:^1.2.3":
+  version: 1.2.3
+  resolution: "@eslint/eslintrc@npm:1.2.3"
   dependencies:
     ajv: ^6.12.4
     debug: ^4.3.2
-    espree: ^9.3.1
+    espree: ^9.3.2
     globals: ^13.9.0
     ignore: ^5.2.0
     import-fresh: ^3.2.1
     js-yaml: ^4.1.0
-    minimatch: ^3.0.4
+    minimatch: ^3.1.2
     strip-json-comments: ^3.1.1
-  checksum: d891036bbffb0efec1462aa4a603ed6e349d546b1632dde7d474ddd15c2a8b6895671b25293f1d3ba10ff629c24a3649ad049373fe695a0e44b612537088563c
+  checksum: 48e7b7ac05cd514eee2ebb1d487600f0dd637ac21f63605e353cff6a08c7223275fe4f571d15ee9deae4e78c53edc73369ffcbed15fba4dfc1806179dbf4dc85
   languageName: node
   linkType: hard
 
@@ -1923,7 +1923,7 @@ __metadata:
     "@babel/preset-typescript": 7.16.7
     "@babel/runtime": 7.17.9
     cross-env: 7.0.3
-    eslint: 8.14.0
+    eslint: 8.15.0
     react-refresh: 0.13.0
     rimraf: 3.0.2
     typescript: 4.6.4
@@ -1964,11 +1964,11 @@ __metadata:
     "@finos/legend-graph": "workspace:*"
     "@finos/legend-shared": "workspace:*"
     "@types/css-font-loading-module": 0.0.7
-    "@types/react": 18.0.8
+    "@types/react": 18.0.9
     "@types/react-dom": 18.0.3
     "@types/react-router-dom": 5.3.2
     cross-env: 7.0.3
-    eslint: 8.14.0
+    eslint: 8.15.0
     history: 5.3.0
     jest: 28.1.0
     mobx: 6.5.0
@@ -2003,12 +2003,12 @@ __metadata:
     "@fontsource/roboto-condensed": 4.5.8
     "@fontsource/roboto-mono": 4.5.7
     "@mui/material": 5.6.4
-    "@types/react": 18.0.8
+    "@types/react": 18.0.9
     "@types/react-select": 4.0.18
     "@types/react-window": 1.8.5
     clsx: 1.1.1
     cross-env: 7.0.3
-    eslint: 8.14.0
+    eslint: 8.15.0
     jest: 28.1.0
     mobx: 6.5.0
     mobx-react-lite: 3.4.0
@@ -2057,7 +2057,7 @@ __metadata:
     cross-env: 7.0.3
     css-loader: 6.7.1
     cssnano: 5.1.7
-    eslint: 8.14.0
+    eslint: 8.15.0
     html-webpack-plugin: 5.5.0
     isbinaryfile: 5.0.0
     jest: 28.1.0
@@ -2095,9 +2095,9 @@ __metadata:
     "@finos/legend-server-depot": "workspace:*"
     "@finos/legend-shared": "workspace:*"
     "@finos/legend-studio": "workspace:*"
-    "@types/react": 18.0.8
+    "@types/react": 18.0.9
     cross-env: 7.0.3
-    eslint: 8.14.0
+    eslint: 8.15.0
     jest: 28.1.0
     mobx: 6.5.0
     mobx-react-lite: 3.4.0
@@ -2126,9 +2126,9 @@ __metadata:
     "@finos/legend-shared": "workspace:*"
     "@finos/legend-studio": "workspace:*"
     "@testing-library/react": 13.2.0
-    "@types/react": 18.0.8
+    "@types/react": 18.0.9
     cross-env: 7.0.3
-    eslint: 8.14.0
+    eslint: 8.15.0
     jest: 28.1.0
     jest-canvas-mock: 2.4.0
     mobx: 6.5.0
@@ -2158,9 +2158,9 @@ __metadata:
     "@finos/legend-model-storage": "workspace:*"
     "@finos/legend-shared": "workspace:*"
     "@finos/legend-studio": "workspace:*"
-    "@types/react": 18.0.8
+    "@types/react": 18.0.9
     cross-env: 7.0.3
-    eslint: 8.14.0
+    eslint: 8.15.0
     jest: 28.1.0
     mobx: 6.5.0
     npm-run-all: 4.1.5
@@ -2185,9 +2185,9 @@ __metadata:
     "@finos/legend-model-storage": "workspace:*"
     "@finos/legend-shared": "workspace:*"
     "@finos/legend-studio": "workspace:*"
-    "@types/react": 18.0.8
+    "@types/react": 18.0.9
     cross-env: 7.0.3
-    eslint: 8.14.0
+    eslint: 8.15.0
     jest: 28.1.0
     mobx: 6.5.0
     mobx-react-lite: 3.4.0
@@ -2210,7 +2210,7 @@ __metadata:
     "@finos/legend-graph": "workspace:*"
     "@finos/legend-shared": "workspace:*"
     cross-env: 7.0.3
-    eslint: 8.14.0
+    eslint: 8.15.0
     jest: 28.1.0
     npm-run-all: 4.1.5
     rimraf: 3.0.2
@@ -2232,7 +2232,7 @@ __metadata:
     "@finos/legend-shared": "workspace:*"
     "@finos/legend-studio": "workspace:*"
     cross-env: 7.0.3
-    eslint: 8.14.0
+    eslint: 8.15.0
     jest: 28.1.0
     npm-run-all: 4.1.5
     rimraf: 3.0.2
@@ -2252,9 +2252,9 @@ __metadata:
     "@finos/legend-model-storage": "workspace:*"
     "@finos/legend-shared": "workspace:*"
     "@finos/legend-studio": "workspace:*"
-    "@types/react": 18.0.8
+    "@types/react": 18.0.9
     cross-env: 7.0.3
-    eslint: 8.14.0
+    eslint: 8.15.0
     jest: 28.1.0
     mobx: 6.5.0
     mobx-react-lite: 3.4.0
@@ -2283,7 +2283,7 @@ __metadata:
     "@finos/legend-shared": "workspace:*"
     "@finos/legend-studio": "workspace:*"
     cross-env: 7.0.3
-    eslint: 8.14.0
+    eslint: 8.15.0
     jest: 28.1.0
     mobx: 6.5.0
     mobx-react-lite: 3.4.0
@@ -2303,7 +2303,7 @@ __metadata:
     "@fastify/cors": 7.0.0
     "@finos/legend-dev-utils": "workspace:*"
     cross-env: 7.0.3
-    eslint: 8.14.0
+    eslint: 8.15.0
     fastify: 3.29.0
     nodemon: 2.0.16
     npm-run-all: 4.1.5
@@ -2326,7 +2326,7 @@ __metadata:
     "@finos/legend-graph": "workspace:*"
     "@finos/legend-shared": "workspace:*"
     cross-env: 7.0.3
-    eslint: 8.14.0
+    eslint: 8.15.0
     jest: 28.1.0
     npm-run-all: 4.1.5
     rimraf: 3.0.2
@@ -2343,7 +2343,7 @@ __metadata:
     "@finos/legend-shared": "workspace:*"
     cross-env: 7.0.3
     date-fns: 2.28.0
-    eslint: 8.14.0
+    eslint: 8.15.0
     jest: 28.1.0
     mobx: 6.5.0
     mobx-react-lite: 3.4.0
@@ -2376,7 +2376,7 @@ __metadata:
     "@finos/legend-shared": "workspace:*"
     axios: 0.27.2
     cross-env: 7.0.3
-    eslint: 8.14.0
+    eslint: 8.15.0
     jest: 28.1.0
     npm-run-all: 4.1.5
     rimraf: 3.0.2
@@ -2391,7 +2391,7 @@ __metadata:
     "@finos/legend-dev-utils": "workspace:*"
     "@finos/legend-shared": "workspace:*"
     cross-env: 7.0.3
-    eslint: 8.14.0
+    eslint: 8.15.0
     jest: 28.1.0
     lodash: 4.17.21
     npm-run-all: 4.1.5
@@ -2411,9 +2411,9 @@ __metadata:
     "@finos/legend-graph-extension-collection": "workspace:*"
     "@finos/legend-query": "workspace:*"
     "@finos/legend-shared": "workspace:*"
-    "@types/react": 18.0.8
+    "@types/react": 18.0.9
     cross-env: 7.0.3
-    eslint: 8.14.0
+    eslint: 8.15.0
     npm-run-all: 4.1.5
     react: 18.1.0
     rimraf: 3.0.2
@@ -2430,7 +2430,7 @@ __metadata:
     "@finos/legend-query-app": "workspace:*"
     copy-webpack-plugin: 10.2.4
     cross-env: 7.0.3
-    eslint: 8.14.0
+    eslint: 8.15.0
     npm-run-all: 4.1.5
     rimraf: 3.0.2
     typescript: 4.6.4
@@ -2458,12 +2458,12 @@ __metadata:
     "@testing-library/dom": 8.13.0
     "@testing-library/react": 13.2.0
     "@types/papaparse": 5.3.2
-    "@types/react": 18.0.8
+    "@types/react": 18.0.9
     "@types/react-dom": 18.0.3
     "@types/react-router-dom": 5.3.2
     cross-env: 7.0.3
     date-fns: 2.28.0
-    eslint: 8.14.0
+    eslint: 8.15.0
     history: 5.3.0
     jest: 28.1.0
     mobx: 6.5.0
@@ -2494,7 +2494,7 @@ __metadata:
     "@finos/legend-model-storage": "workspace:*"
     "@finos/legend-shared": "workspace:*"
     cross-env: 7.0.3
-    eslint: 8.14.0
+    eslint: 8.15.0
     jest: 28.1.0
     mobx: 6.5.0
     mobx-react-lite: 3.4.0
@@ -2514,7 +2514,7 @@ __metadata:
     "@finos/legend-model-storage": "workspace:*"
     "@finos/legend-shared": "workspace:*"
     cross-env: 7.0.3
-    eslint: 8.14.0
+    eslint: 8.15.0
     jest: 28.1.0
     mobx: 6.5.0
     mobx-react-lite: 3.4.0
@@ -2538,7 +2538,7 @@ __metadata:
     "@types/seedrandom": 3.0.2
     "@types/uuid": 8.3.4
     cross-env: 7.0.3
-    eslint: 8.14.0
+    eslint: 8.15.0
     hash.js: 1.1.7
     http-status-codes: 2.2.0
     jest: 28.1.0
@@ -2576,9 +2576,9 @@ __metadata:
     "@finos/legend-shared": "workspace:*"
     "@finos/legend-studio": "workspace:*"
     "@finos/legend-studio-extension-query-builder": "workspace:*"
-    "@types/react": 18.0.8
+    "@types/react": 18.0.9
     cross-env: 7.0.3
-    eslint: 8.14.0
+    eslint: 8.15.0
     npm-run-all: 4.1.5
     react: 18.1.0
     rimraf: 3.0.2
@@ -2595,7 +2595,7 @@ __metadata:
     "@finos/legend-studio-app": "workspace:*"
     copy-webpack-plugin: 10.2.4
     cross-env: 7.0.3
-    eslint: 8.14.0
+    eslint: 8.15.0
     npm-run-all: 4.1.5
     rimraf: 3.0.2
     typescript: 4.6.4
@@ -2616,10 +2616,10 @@ __metadata:
     "@finos/legend-server-sdlc": "workspace:*"
     "@finos/legend-shared": "workspace:*"
     "@finos/legend-studio": "workspace:*"
-    "@types/react": 18.0.8
+    "@types/react": 18.0.9
     "@types/react-router-dom": 5.3.2
     cross-env: 7.0.3
-    eslint: 8.14.0
+    eslint: 8.15.0
     jest: 28.1.0
     mobx: 6.5.0
     mobx-react-lite: 3.4.0
@@ -2650,9 +2650,9 @@ __metadata:
     "@finos/legend-studio": "workspace:*"
     "@testing-library/dom": 8.13.0
     "@testing-library/react": 13.2.0
-    "@types/react": 18.0.8
+    "@types/react": 18.0.9
     cross-env: 7.0.3
-    eslint: 8.14.0
+    eslint: 8.15.0
     jest: 28.1.0
     mobx: 6.5.0
     mobx-react-lite: 3.4.0
@@ -2681,12 +2681,12 @@ __metadata:
     "@finos/legend-shared": "workspace:*"
     "@testing-library/dom": 8.13.0
     "@testing-library/react": 13.2.0
-    "@types/react": 18.0.8
+    "@types/react": 18.0.9
     "@types/react-dom": 18.0.3
     "@types/react-router-dom": 5.3.2
     cross-env: 7.0.3
     date-fns: 2.28.0
-    eslint: 8.14.0
+    eslint: 8.15.0
     history: 5.3.0
     jest: 28.1.0
     mobx: 6.5.0
@@ -2723,9 +2723,9 @@ __metadata:
     "@finos/legend-graph-extension-collection": "workspace:*"
     "@finos/legend-shared": "workspace:*"
     "@finos/legend-taxonomy": "workspace:*"
-    "@types/react": 18.0.8
+    "@types/react": 18.0.9
     cross-env: 7.0.3
-    eslint: 8.14.0
+    eslint: 8.15.0
     npm-run-all: 4.1.5
     react: 18.1.0
     rimraf: 3.0.2
@@ -2742,7 +2742,7 @@ __metadata:
     "@finos/legend-taxonomy-app": "workspace:*"
     copy-webpack-plugin: 10.2.4
     cross-env: 7.0.3
-    eslint: 8.14.0
+    eslint: 8.15.0
     npm-run-all: 4.1.5
     rimraf: 3.0.2
     typescript: 4.6.4
@@ -2765,11 +2765,11 @@ __metadata:
     "@finos/legend-model-storage": "workspace:*"
     "@finos/legend-server-depot": "workspace:*"
     "@finos/legend-shared": "workspace:*"
-    "@types/react": 18.0.8
+    "@types/react": 18.0.9
     "@types/react-dom": 18.0.3
     "@types/react-router-dom": 5.3.2
     cross-env: 7.0.3
-    eslint: 8.14.0
+    eslint: 8.15.0
     history: 5.3.0
     jest: 28.1.0
     mobx: 6.5.0
@@ -2798,7 +2798,7 @@ __metadata:
     "@finos/legend-shared": "workspace:*"
     "@types/zipkin-javascript-opentracing": 1.6.0
     cross-env: 7.0.3
-    eslint: 8.14.0
+    eslint: 8.15.0
     jest: 28.1.0
     npm-run-all: 4.1.5
     opentracing: 0.14.7
@@ -2815,7 +2815,7 @@ __metadata:
   resolution: "@finos/stylelint-config-legend-studio@workspace:packages/stylelint-config"
   dependencies:
     cross-env: 7.0.3
-    eslint: 8.14.0
+    eslint: 8.15.0
     postcss: 8.4.13
     postcss-scss: 4.0.4
     rimraf: 3.0.2
@@ -4178,7 +4178,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/react@npm:*, @types/react@npm:18.0.8":
+"@types/react@npm:*":
   version: 18.0.8
   resolution: "@types/react@npm:18.0.8"
   dependencies:
@@ -4189,6 +4189,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/react@npm:18.0.9":
+  version: 18.0.9
+  resolution: "@types/react@npm:18.0.9"
+  dependencies:
+    "@types/prop-types": "*"
+    "@types/scheduler": "*"
+    csstype: ^3.0.2
+  checksum: 162364dad716d9017ee34aabf2ea37499709ebbdef70392ae1b39225985971e1a46f121efb9c5c7da92144ee1d96d4525df806a7c1c03a5db7fd31dd034ddc7a
+  languageName: node
+  linkType: hard
+
 "@types/resize-observer-browser@npm:^0.1.6":
   version: 0.1.7
   resolution: "@types/resize-observer-browser@npm:0.1.7"
@@ -4686,7 +4697,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"acorn-jsx@npm:^5.3.1":
+"acorn-jsx@npm:^5.3.2":
   version: 5.3.2
   resolution: "acorn-jsx@npm:5.3.2"
   peerDependencies:
@@ -4718,7 +4729,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"acorn@npm:^8.0.4, acorn@npm:^8.4.1, acorn@npm:^8.5.0, acorn@npm:^8.7.0":
+"acorn@npm:^8.0.4, acorn@npm:^8.4.1, acorn@npm:^8.5.0, acorn@npm:^8.7.1":
   version: 8.7.1
   resolution: "acorn@npm:8.7.1"
   bin:
@@ -7280,11 +7291,11 @@ __metadata:
   languageName: node
   linkType: hard
 
-"eslint@npm:8.14.0":
-  version: 8.14.0
-  resolution: "eslint@npm:8.14.0"
+"eslint@npm:8.15.0":
+  version: 8.15.0
+  resolution: "eslint@npm:8.15.0"
   dependencies:
-    "@eslint/eslintrc": ^1.2.2
+    "@eslint/eslintrc": ^1.2.3
     "@humanwhocodes/config-array": ^0.9.2
     ajv: ^6.10.0
     chalk: ^4.0.0
@@ -7295,7 +7306,7 @@ __metadata:
     eslint-scope: ^7.1.1
     eslint-utils: ^3.0.0
     eslint-visitor-keys: ^3.3.0
-    espree: ^9.3.1
+    espree: ^9.3.2
     esquery: ^1.4.0
     esutils: ^2.0.2
     fast-deep-equal: ^3.1.3
@@ -7311,7 +7322,7 @@ __metadata:
     json-stable-stringify-without-jsonify: ^1.0.1
     levn: ^0.4.1
     lodash.merge: ^4.6.2
-    minimatch: ^3.0.4
+    minimatch: ^3.1.2
     natural-compare: ^1.4.0
     optionator: ^0.9.1
     regexpp: ^3.2.0
@@ -7321,18 +7332,18 @@ __metadata:
     v8-compile-cache: ^2.0.3
   bin:
     eslint: bin/eslint.js
-  checksum: 87d2e3e5eb93216d4ab36006e7b8c0bfad02f40b0a0f193f1d42754512cd3a9d8244152f1c69df5db2e135b3c4f1c10d0ed2f0881fe8a8c01af55465968174c1
+  checksum: d8896393832e154e1381a21041cfe4d12a73a76fac26ea27cabbc0e5fdac87918ad651f07f804ef6faacd3868572de3c1ec5d96edf5502bc999eff0c423638f7
   languageName: node
   linkType: hard
 
-"espree@npm:^9.3.1":
-  version: 9.3.1
-  resolution: "espree@npm:9.3.1"
+"espree@npm:^9.3.2":
+  version: 9.3.2
+  resolution: "espree@npm:9.3.2"
   dependencies:
-    acorn: ^8.7.0
-    acorn-jsx: ^5.3.1
+    acorn: ^8.7.1
+    acorn-jsx: ^5.3.2
     eslint-visitor-keys: ^3.3.0
-  checksum: d7161db30b65427e0799383699ac4c441533a38faee005153694b68b933ba7a24666680edfc490fa77e3a84a22dbd955768034a6f811af5049774eead83063a5
+  checksum: 9a790d6779847051e87f70d720a0f6981899a722419e80c92ab6dee01e1ab83b8ce52d11b4dc96c2c490182efb5a4c138b8b0d569205bfe1cd4629e658e58c30
   languageName: node
   linkType: hard
 
@@ -8614,12 +8625,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"husky@npm:7.0.4":
-  version: 7.0.4
-  resolution: "husky@npm:7.0.4"
+"husky@npm:8.0.0":
+  version: 8.0.0
+  resolution: "husky@npm:8.0.0"
   bin:
     husky: lib/bin.js
-  checksum: c6ec4af63da2c9522da8674a20ad9b48362cc92704896cc8a58c6a2a39d797feb2b806f93fbd83a6d653fbdceb2c3b6e0b602c6b2e8565206ffc2882ef7db9e9
+  checksum: b6b842abdd1bbc9322ad0c2003471fa35f94c9c01fccef3a6b5262f53e3f1bde1d78787f8a96ed8ef8a15ab3a7d56c83f576afd1cf7618588df77940044081df
   languageName: node
   linkType: hard
 
@@ -10118,9 +10129,9 @@ __metadata:
     chalk: 5.0.1
     cross-env: 7.0.3
     envinfo: 7.8.1
-    eslint: 8.14.0
+    eslint: 8.15.0
     fs-extra: 10.1.0
-    husky: 7.0.4
+    husky: 8.0.0
     inquirer: 8.2.4
     jest: 28.1.0
     lint-staged: 12.4.1