From 613171e7c8a43f174b6bda73c924a022ecfb5b9b Mon Sep 17 00:00:00 2001
From: Kasper Peulen <kasperpeulen@gmail.com>
Date: Wed, 12 Oct 2022 11:36:26 +0200
Subject: [PATCH 1/2] CSF3 react templates for storybook init

---
 .vscode/settings.json                         |   3 +-
 code/addons/a11y/package.json                 |   2 +-
 code/addons/actions/package.json              |   2 +-
 code/addons/backgrounds/package.json          |   2 +-
 code/addons/docs/package.json                 |   2 +-
 code/addons/essentials/package.json           |   2 +-
 code/addons/highlight/package.json            |   2 +-
 code/addons/interactions/package.json         |   2 +-
 code/addons/jest/package.json                 |   2 +-
 code/addons/links/package.json                |   2 +-
 code/addons/measure/package.json              |   2 +-
 code/addons/outline/package.json              |   2 +-
 code/addons/storysource/package.json          |   2 +-
 code/addons/toolbars/package.json             |   2 +-
 code/addons/viewport/package.json             |   2 +-
 code/examples/angular-cli/package.json        |   2 +-
 code/examples/doc-blocks/package.json         |   2 +-
 code/examples/external-docs/package.json      |   2 +-
 code/frameworks/angular/package.json          |   2 +-
 code/frameworks/ember/package.json            |   2 +-
 code/frameworks/html-webpack5/package.json    |   2 +-
 code/frameworks/preact-webpack5/package.json  |   2 +-
 code/frameworks/react-vite/package.json       |   2 +-
 code/frameworks/react-webpack5/package.json   |   2 +-
 code/frameworks/server-webpack5/package.json  |   2 +-
 code/frameworks/svelte-vite/package.json      |   2 +-
 code/frameworks/svelte-webpack5/package.json  |   2 +-
 code/frameworks/vue-vite/package.json         |   2 +-
 code/frameworks/vue-webpack5/package.json     |   2 +-
 code/frameworks/vue3-vite/package.json        |   2 +-
 code/frameworks/vue3-webpack5/package.json    |   2 +-
 .../web-components-vite/package.json          |   2 +-
 .../web-components-webpack5/package.json      |   2 +-
 code/lib/api/package.json                     |   2 +-
 code/lib/builder-manager/package.json         |   2 +-
 code/lib/builder-vite/package.json            |   2 +-
 code/lib/builder-webpack5/package.json        |   2 +-
 code/lib/channel-postmessage/package.json     |   2 +-
 code/lib/channel-websocket/package.json       |   2 +-
 code/lib/channels/package.json                |   2 +-
 code/lib/cli-sb/package.json                  |   2 +-
 code/lib/cli-storybook/package.json           |   2 +-
 code/lib/cli/package.json                     |   4 +-
 .../rendererAssets/html/ts/Header.stories.ts  |   2 +-
 .../react/ts-legacy/Button.stories.tsx        |  42 ++++
 .../rendererAssets/react/ts-legacy/Button.tsx |  48 ++++
 .../react/ts-legacy/Header.stories.tsx        |  22 ++
 .../rendererAssets/react/ts-legacy/Header.tsx |  56 +++++
 .../react/ts-legacy/Page.stories.tsx          |  27 +++
 .../rendererAssets/react/ts-legacy/Page.tsx   |  73 ++++++
 .../react/ts/Button.stories.tsx               |  58 +++--
 .../react/ts/Header.stories.tsx               |  26 ++-
 .../rendererAssets/react/ts/Page.stories.tsx  |  34 +--
 code/lib/cli/src/add.ts                       |   9 +-
 .../src/automigrate/fixes/angular12.test.ts   |  11 +-
 .../automigrate/fixes/builder-vite.test.ts    |  11 +-
 .../cli/src/automigrate/fixes/cra5.test.ts    |  11 +-
 .../automigrate/fixes/eslint-plugin.test.ts   |   8 +-
 .../automigrate/fixes/new-frameworks.test.ts  |  11 +-
 .../cli/src/automigrate/fixes/npm7.test.ts    |   2 +-
 .../src/automigrate/fixes/sb-scripts.test.ts  |   6 +-
 .../cli/src/automigrate/fixes/vue3.test.ts    |   4 +-
 .../src/automigrate/fixes/webpack5.test.ts    |  11 +-
 code/lib/cli/src/detect.test.ts               |  43 ++--
 code/lib/cli/src/detect.ts                    |  23 +-
 code/lib/cli/src/helpers.ts                   |  29 ++-
 .../src/js-package-manager/NPMProxy.test.ts   |   2 +
 .../src/js-package-manager/Yarn1Proxy.test.ts |   2 +
 .../src/js-package-manager/Yarn2Proxy.test.ts |   2 +
 code/lib/cli/src/project_types.ts             |   3 +-
 code/lib/cli/tsconfig.json                    |  19 +-
 code/lib/client-api/package.json              |   2 +-
 code/lib/client-logger/package.json           |   2 +-
 code/lib/codemod/package.json                 |   4 +-
 code/lib/components/package.json              |   4 +-
 code/lib/core-client/package.json             |   2 +-
 code/lib/core-common/package.json             |   2 +-
 code/lib/core-events/package.json             |   2 +-
 code/lib/core-server/package.json             |   2 +-
 code/lib/core-webpack/package.json            |   2 +-
 code/lib/csf-tools/package.json               |   2 +-
 code/lib/docs-tools/package.json              |   2 +-
 code/lib/instrumenter/package.json            |   2 +-
 code/lib/node-logger/package.json             |   2 +-
 code/lib/postinstall/package.json             |   2 +-
 code/lib/preview-web/package.json             |   2 +-
 code/lib/router/package.json                  |   2 +-
 code/lib/source-loader/package.json           |   4 +-
 code/lib/store/package.json                   |   2 +-
 code/lib/telemetry/package.json               |   2 +-
 code/lib/theming/package.json                 |   2 +-
 code/lib/ui/package.json                      |   2 +-
 code/package.json                             |   6 +-
 code/presets/html-webpack/package.json        |   2 +-
 code/presets/preact-webpack/package.json      |   2 +-
 code/presets/react-webpack/package.json       |   2 +-
 code/presets/server-webpack/package.json      |   2 +-
 code/presets/svelte-webpack/package.json      |   2 +-
 code/presets/vue-webpack/package.json         |   2 +-
 code/presets/vue3-webpack/package.json        |   2 +-
 .../web-components-webpack/package.json       |   2 +-
 code/renderers/html/package.json              |   2 +-
 code/renderers/preact/package.json            |   2 +-
 code/renderers/react/package.json             |   2 +-
 code/renderers/server/package.json            |   2 +-
 code/renderers/svelte/package.json            |   2 +-
 code/renderers/vue/package.json               |   2 +-
 code/renderers/vue3/package.json              |   2 +-
 code/renderers/web-components/package.json    |   2 +-
 code/yarn.lock                                | 218 ++++++++++--------
 scripts/package.json                          |  12 +-
 scripts/yarn.lock                             |  28 +--
 112 files changed, 714 insertions(+), 314 deletions(-)
 create mode 100644 code/lib/cli/rendererAssets/react/ts-legacy/Button.stories.tsx
 create mode 100644 code/lib/cli/rendererAssets/react/ts-legacy/Button.tsx
 create mode 100644 code/lib/cli/rendererAssets/react/ts-legacy/Header.stories.tsx
 create mode 100644 code/lib/cli/rendererAssets/react/ts-legacy/Header.tsx
 create mode 100644 code/lib/cli/rendererAssets/react/ts-legacy/Page.stories.tsx
 create mode 100644 code/lib/cli/rendererAssets/react/ts-legacy/Page.tsx

diff --git a/.vscode/settings.json b/.vscode/settings.json
index 6534f373734d..e4831db738b6 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -1,3 +1,4 @@
 {
-  "deepscan.enable": true
+  "deepscan.enable": true,
+  "typescript.tsdk": "./code/node_modules/typescript/lib"
 }
diff --git a/code/addons/a11y/package.json b/code/addons/a11y/package.json
index 2b11c8b508ae..88837ab3f7a1 100644
--- a/code/addons/a11y/package.json
+++ b/code/addons/a11y/package.json
@@ -80,7 +80,7 @@
   },
   "devDependencies": {
     "@testing-library/react": "^11.2.2",
-    "typescript": "~4.6.3"
+    "typescript": "4.9.0-dev.20221011"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
diff --git a/code/addons/actions/package.json b/code/addons/actions/package.json
index 76ad995c95e4..502f5a15250b 100644
--- a/code/addons/actions/package.json
+++ b/code/addons/actions/package.json
@@ -78,7 +78,7 @@
   },
   "devDependencies": {
     "@types/lodash": "^4.14.167",
-    "typescript": "~4.6.3"
+    "typescript": "4.9.0-dev.20221011"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
diff --git a/code/addons/backgrounds/package.json b/code/addons/backgrounds/package.json
index 112e3b8fd838..962aa4d22cc2 100644
--- a/code/addons/backgrounds/package.json
+++ b/code/addons/backgrounds/package.json
@@ -75,7 +75,7 @@
     "util-deprecate": "^1.0.2"
   },
   "devDependencies": {
-    "typescript": "~4.6.3"
+    "typescript": "4.9.0-dev.20221011"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
diff --git a/code/addons/docs/package.json b/code/addons/docs/package.json
index 77b763ca5156..56dfea15b9d0 100644
--- a/code/addons/docs/package.json
+++ b/code/addons/docs/package.json
@@ -82,7 +82,7 @@
     "@babel/core": "^7.12.10",
     "@storybook/mdx2-csf": "0.0.4-canary.14.04ffbe8.0",
     "@types/util-deprecate": "^1.0.0",
-    "typescript": "~4.6.3"
+    "typescript": "4.9.0-dev.20221011"
   },
   "peerDependencies": {
     "@storybook/mdx2-csf": "0.0.4-canary.14.04ffbe8.0",
diff --git a/code/addons/essentials/package.json b/code/addons/essentials/package.json
index 7534d457e4bd..8834c1c9605f 100644
--- a/code/addons/essentials/package.json
+++ b/code/addons/essentials/package.json
@@ -60,7 +60,7 @@
     "@babel/core": "^7.12.10",
     "@storybook/vue": "7.0.0-alpha.35",
     "@types/jest": "^26.0.16",
-    "typescript": "~4.6.3"
+    "typescript": "4.9.0-dev.20221011"
   },
   "peerDependencies": {
     "@babel/core": "^7.9.6"
diff --git a/code/addons/highlight/package.json b/code/addons/highlight/package.json
index 54a5f9ce7ad9..322ea7a131ea 100644
--- a/code/addons/highlight/package.json
+++ b/code/addons/highlight/package.json
@@ -43,7 +43,7 @@
   },
   "devDependencies": {
     "@types/webpack-env": "^1.16.0",
-    "typescript": "~4.6.3"
+    "typescript": "4.9.0-dev.20221011"
   },
   "publishConfig": {
     "access": "public"
diff --git a/code/addons/interactions/package.json b/code/addons/interactions/package.json
index 6b44b3b2d83f..d4390cd7f484 100644
--- a/code/addons/interactions/package.json
+++ b/code/addons/interactions/package.json
@@ -78,7 +78,7 @@
     "@storybook/testing-library": "0.0.14-next.0",
     "@types/node": "^14.14.20 || ^16.0.0",
     "formik": "^2.2.9",
-    "typescript": "~4.6.3"
+    "typescript": "4.9.0-dev.20221011"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
diff --git a/code/addons/jest/package.json b/code/addons/jest/package.json
index 088924236633..d9c483f32e4e 100644
--- a/code/addons/jest/package.json
+++ b/code/addons/jest/package.json
@@ -70,7 +70,7 @@
     "upath": "^1.2.0"
   },
   "devDependencies": {
-    "typescript": "~4.6.3"
+    "typescript": "4.9.0-dev.20221011"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
diff --git a/code/addons/links/package.json b/code/addons/links/package.json
index e3f53dc369cf..ed5694f8ad3b 100644
--- a/code/addons/links/package.json
+++ b/code/addons/links/package.json
@@ -73,7 +73,7 @@
     "ts-dedent": "^2.0.0"
   },
   "devDependencies": {
-    "typescript": "~4.6.3"
+    "typescript": "4.9.0-dev.20221011"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
diff --git a/code/addons/measure/package.json b/code/addons/measure/package.json
index 0a8ff9f37396..f9199ffad09b 100644
--- a/code/addons/measure/package.json
+++ b/code/addons/measure/package.json
@@ -70,7 +70,7 @@
     "global": "^4.4.0"
   },
   "devDependencies": {
-    "typescript": "~4.6.3"
+    "typescript": "4.9.0-dev.20221011"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
diff --git a/code/addons/outline/package.json b/code/addons/outline/package.json
index c7db804caac2..13768fb637ed 100644
--- a/code/addons/outline/package.json
+++ b/code/addons/outline/package.json
@@ -74,7 +74,7 @@
     "ts-dedent": "^2.0.0"
   },
   "devDependencies": {
-    "typescript": "~4.6.3"
+    "typescript": "4.9.0-dev.20221011"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
diff --git a/code/addons/storysource/package.json b/code/addons/storysource/package.json
index 739393c05219..640545d71691 100644
--- a/code/addons/storysource/package.json
+++ b/code/addons/storysource/package.json
@@ -49,7 +49,7 @@
   "devDependencies": {
     "@types/react": "^16.14.23",
     "@types/react-syntax-highlighter": "11.0.5",
-    "typescript": "~4.6.3"
+    "typescript": "4.9.0-dev.20221011"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
diff --git a/code/addons/toolbars/package.json b/code/addons/toolbars/package.json
index fcc857e301d3..f2ce21bf59ba 100644
--- a/code/addons/toolbars/package.json
+++ b/code/addons/toolbars/package.json
@@ -64,7 +64,7 @@
     "@storybook/theming": "7.0.0-alpha.35"
   },
   "devDependencies": {
-    "typescript": "~4.6.3"
+    "typescript": "4.9.0-dev.20221011"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
diff --git a/code/addons/viewport/package.json b/code/addons/viewport/package.json
index b03e7a8153e1..042dd88cfd94 100644
--- a/code/addons/viewport/package.json
+++ b/code/addons/viewport/package.json
@@ -70,7 +70,7 @@
     "prop-types": "^15.7.2"
   },
   "devDependencies": {
-    "typescript": "~4.6.3"
+    "typescript": "4.9.0-dev.20221011"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
diff --git a/code/examples/angular-cli/package.json b/code/examples/angular-cli/package.json
index 7ad07149ae93..6fb6c04a510e 100644
--- a/code/examples/angular-cli/package.json
+++ b/code/examples/angular-cli/package.json
@@ -74,7 +74,7 @@
     "storybook-addon-angular-ivy": "^0.0.1",
     "ts-jest": "^26.4.4",
     "ts-node": "^10.4.0",
-    "typescript": "~4.6.3"
+    "typescript": "4.9.0-dev.20221011"
   },
   "storybook": {
     "chromatic": {
diff --git a/code/examples/doc-blocks/package.json b/code/examples/doc-blocks/package.json
index 182bd90e3986..d144b0a8d1f5 100644
--- a/code/examples/doc-blocks/package.json
+++ b/code/examples/doc-blocks/package.json
@@ -29,7 +29,7 @@
     "cross-env": "^7.0.3",
     "lodash": "^4.17.21",
     "sb": "7.0.0-alpha.35",
-    "typescript": "~4.6.3",
+    "typescript": "4.9.0-dev.20221011",
     "webpack": "5"
   },
   "storybook": {
diff --git a/code/examples/external-docs/package.json b/code/examples/external-docs/package.json
index 61782ecb0ac6..18c7c8a70706 100644
--- a/code/examples/external-docs/package.json
+++ b/code/examples/external-docs/package.json
@@ -39,7 +39,7 @@
     "eslint": "8.7.0",
     "eslint-config-next": "12.0.8",
     "storybook": "7.0.0-alpha.35",
-    "typescript": "~4.6.3",
+    "typescript": "4.9.0-dev.20221011",
     "webpack": "5"
   }
 }
diff --git a/code/frameworks/angular/package.json b/code/frameworks/angular/package.json
index 563d3e1aa783..15d9bfb3d476 100644
--- a/code/frameworks/angular/package.json
+++ b/code/frameworks/angular/package.json
@@ -94,7 +94,7 @@
     "jest-preset-angular": "^12.0.0",
     "jest-specific-snapshot": "^5.0.0",
     "tmp": "^0.2.1",
-    "typescript": "~4.6.3",
+    "typescript": "4.9.0-dev.20221011",
     "webpack": "5"
   },
   "peerDependencies": {
diff --git a/code/frameworks/ember/package.json b/code/frameworks/ember/package.json
index 0ca2bef180a3..856d2a2c8ee7 100644
--- a/code/frameworks/ember/package.json
+++ b/code/frameworks/ember/package.json
@@ -42,7 +42,7 @@
     "ts-dedent": "^2.0.0"
   },
   "devDependencies": {
-    "typescript": "~4.6.3"
+    "typescript": "4.9.0-dev.20221011"
   },
   "peerDependencies": {
     "@babel/core": "*",
diff --git a/code/frameworks/html-webpack5/package.json b/code/frameworks/html-webpack5/package.json
index fd53eb660e1c..547c912c7513 100644
--- a/code/frameworks/html-webpack5/package.json
+++ b/code/frameworks/html-webpack5/package.json
@@ -60,7 +60,7 @@
     "react-dom": "16.14.0"
   },
   "devDependencies": {
-    "typescript": "~4.6.3"
+    "typescript": "4.9.0-dev.20221011"
   },
   "peerDependencies": {
     "@babel/core": "*"
diff --git a/code/frameworks/preact-webpack5/package.json b/code/frameworks/preact-webpack5/package.json
index 1b11b2ddfad4..80a1e1c653a9 100644
--- a/code/frameworks/preact-webpack5/package.json
+++ b/code/frameworks/preact-webpack5/package.json
@@ -60,7 +60,7 @@
   },
   "devDependencies": {
     "preact": "^10.5.13",
-    "typescript": "~4.6.3"
+    "typescript": "4.9.0-dev.20221011"
   },
   "peerDependencies": {
     "@babel/core": "*",
diff --git a/code/frameworks/react-vite/package.json b/code/frameworks/react-vite/package.json
index a9b8ef09e1a3..86400597ae22 100644
--- a/code/frameworks/react-vite/package.json
+++ b/code/frameworks/react-vite/package.json
@@ -68,7 +68,7 @@
   },
   "devDependencies": {
     "@types/node": "^14.14.20 || ^16.0.0",
-    "typescript": "~4.6.3",
+    "typescript": "4.9.0-dev.20221011",
     "vite": "^3.1.3"
   },
   "peerDependencies": {
diff --git a/code/frameworks/react-webpack5/package.json b/code/frameworks/react-webpack5/package.json
index db990dab3045..3e2616542d93 100644
--- a/code/frameworks/react-webpack5/package.json
+++ b/code/frameworks/react-webpack5/package.json
@@ -58,7 +58,7 @@
   },
   "devDependencies": {
     "jest-specific-snapshot": "^4.0.0",
-    "typescript": "~4.6.3"
+    "typescript": "4.9.0-dev.20221011"
   },
   "peerDependencies": {
     "@babel/core": "^7.11.5",
diff --git a/code/frameworks/server-webpack5/package.json b/code/frameworks/server-webpack5/package.json
index 26889e59ed39..81fc8fbda510 100644
--- a/code/frameworks/server-webpack5/package.json
+++ b/code/frameworks/server-webpack5/package.json
@@ -59,7 +59,7 @@
     "react-dom": "16.14.0"
   },
   "devDependencies": {
-    "typescript": "~4.6.3"
+    "typescript": "4.9.0-dev.20221011"
   },
   "engines": {
     "node": ">=10.13.0"
diff --git a/code/frameworks/svelte-vite/package.json b/code/frameworks/svelte-vite/package.json
index 1222d220e903..90ce2636e997 100644
--- a/code/frameworks/svelte-vite/package.json
+++ b/code/frameworks/svelte-vite/package.json
@@ -68,7 +68,7 @@
   },
   "devDependencies": {
     "@types/node": "^14.14.20 || ^16.0.0",
-    "typescript": "~4.6.3",
+    "typescript": "4.9.0-dev.20221011",
     "vite": "^3.1.3"
   },
   "peerDependencies": {
diff --git a/code/frameworks/svelte-webpack5/package.json b/code/frameworks/svelte-webpack5/package.json
index 924b6b4b16ed..6f63ec3938c6 100644
--- a/code/frameworks/svelte-webpack5/package.json
+++ b/code/frameworks/svelte-webpack5/package.json
@@ -61,7 +61,7 @@
   "devDependencies": {
     "svelte": "^3.48.0",
     "svelte-loader": "^3.1.2",
-    "typescript": "~4.6.3"
+    "typescript": "4.9.0-dev.20221011"
   },
   "peerDependencies": {
     "@babel/core": "*",
diff --git a/code/frameworks/vue-vite/package.json b/code/frameworks/vue-vite/package.json
index 02eb7f501ef1..8a32df4fb4bc 100644
--- a/code/frameworks/vue-vite/package.json
+++ b/code/frameworks/vue-vite/package.json
@@ -64,7 +64,7 @@
     "vue-docgen-api": "^4.40.0"
   },
   "devDependencies": {
-    "typescript": "~4.6.3",
+    "typescript": "4.9.0-dev.20221011",
     "vue": "^2.7.10"
   },
   "peerDependencies": {
diff --git a/code/frameworks/vue-webpack5/package.json b/code/frameworks/vue-webpack5/package.json
index 3cb6521256bd..75a28774db85 100644
--- a/code/frameworks/vue-webpack5/package.json
+++ b/code/frameworks/vue-webpack5/package.json
@@ -59,7 +59,7 @@
     "react-dom": "16.14.0"
   },
   "devDependencies": {
-    "typescript": "~4.6.3",
+    "typescript": "4.9.0-dev.20221011",
     "vue": "^2.6.12",
     "vue-loader": "^15.7.0",
     "vue-template-compiler": "^2.6.14"
diff --git a/code/frameworks/vue3-vite/package.json b/code/frameworks/vue3-vite/package.json
index 4d8b865e55e7..a5d14393af0d 100644
--- a/code/frameworks/vue3-vite/package.json
+++ b/code/frameworks/vue3-vite/package.json
@@ -66,7 +66,7 @@
   },
   "devDependencies": {
     "@types/node": "^14.14.20 || ^16.0.0",
-    "typescript": "~4.6.3",
+    "typescript": "4.9.0-dev.20221011",
     "vite": "^3.1.3"
   },
   "engines": {
diff --git a/code/frameworks/vue3-webpack5/package.json b/code/frameworks/vue3-webpack5/package.json
index fed71e848757..1919ccb56519 100644
--- a/code/frameworks/vue3-webpack5/package.json
+++ b/code/frameworks/vue3-webpack5/package.json
@@ -60,7 +60,7 @@
   },
   "devDependencies": {
     "@vue/compiler-sfc": "3.0.0",
-    "typescript": "~4.6.3",
+    "typescript": "4.9.0-dev.20221011",
     "vue": "3.0.0"
   },
   "peerDependencies": {
diff --git a/code/frameworks/web-components-vite/package.json b/code/frameworks/web-components-vite/package.json
index 6c4a4a54cf89..cdab13d6a3a6 100644
--- a/code/frameworks/web-components-vite/package.json
+++ b/code/frameworks/web-components-vite/package.json
@@ -66,7 +66,7 @@
   },
   "devDependencies": {
     "@types/node": "^14.14.20 || ^16.0.0",
-    "typescript": "~4.6.3",
+    "typescript": "4.9.0-dev.20221011",
     "vite": "^3.1.0"
   },
   "engines": {
diff --git a/code/frameworks/web-components-webpack5/package.json b/code/frameworks/web-components-webpack5/package.json
index cb44b38eb155..1ca23a2f9bb2 100644
--- a/code/frameworks/web-components-webpack5/package.json
+++ b/code/frameworks/web-components-webpack5/package.json
@@ -63,7 +63,7 @@
   },
   "devDependencies": {
     "lit-html": "2.0.2",
-    "typescript": "~4.6.3"
+    "typescript": "4.9.0-dev.20221011"
   },
   "peerDependencies": {
     "lit-html": "^1.4.1 || ^2.0.0"
diff --git a/code/lib/api/package.json b/code/lib/api/package.json
index 55d1e533ce78..d64bdc1c7e29 100644
--- a/code/lib/api/package.json
+++ b/code/lib/api/package.json
@@ -68,7 +68,7 @@
     "@types/qs": "^6",
     "flush-promises": "^1.0.2",
     "qs": "^6.10.1",
-    "typescript": "~4.6.3"
+    "typescript": "4.9.0-dev.20221011"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
diff --git a/code/lib/builder-manager/package.json b/code/lib/builder-manager/package.json
index 23152f468c11..78f6cb411d3c 100644
--- a/code/lib/builder-manager/package.json
+++ b/code/lib/builder-manager/package.json
@@ -57,7 +57,7 @@
     "util": "^0.12.4"
   },
   "devDependencies": {
-    "typescript": "~4.6.3"
+    "typescript": "4.9.0-dev.20221011"
   },
   "publishConfig": {
     "access": "public"
diff --git a/code/lib/builder-vite/package.json b/code/lib/builder-vite/package.json
index a4a4525282fd..e715272b29fe 100644
--- a/code/lib/builder-vite/package.json
+++ b/code/lib/builder-vite/package.json
@@ -39,7 +39,7 @@
     "@storybook/mdx2-csf": "^0.0.3",
     "@types/express": "^4.17.13",
     "@types/node": "^17.0.23",
-    "typescript": "~4.6.3",
+    "typescript": "4.9.0-dev.20221011",
     "vite": "^3.1.3"
   },
   "peerDependencies": {
diff --git a/code/lib/builder-webpack5/package.json b/code/lib/builder-webpack5/package.json
index 8fa91559f0bc..42745be12bbc 100644
--- a/code/lib/builder-webpack5/package.json
+++ b/code/lib/builder-webpack5/package.json
@@ -79,7 +79,7 @@
     "@types/webpack-dev-middleware": "^5.3.0",
     "@types/webpack-hot-middleware": "^2.25.6",
     "@types/webpack-virtual-modules": "^0.1.1",
-    "typescript": "~4.6.3"
+    "typescript": "4.9.0-dev.20221011"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
diff --git a/code/lib/channel-postmessage/package.json b/code/lib/channel-postmessage/package.json
index d55cb646db9a..21f3e6d8ade5 100644
--- a/code/lib/channel-postmessage/package.json
+++ b/code/lib/channel-postmessage/package.json
@@ -42,7 +42,7 @@
     "telejson": "^6.0.8"
   },
   "devDependencies": {
-    "typescript": "~4.6.3"
+    "typescript": "4.9.0-dev.20221011"
   },
   "publishConfig": {
     "access": "public"
diff --git a/code/lib/channel-websocket/package.json b/code/lib/channel-websocket/package.json
index bbe3d09ba5ce..2766321e16de 100644
--- a/code/lib/channel-websocket/package.json
+++ b/code/lib/channel-websocket/package.json
@@ -40,7 +40,7 @@
     "telejson": "^6.0.8"
   },
   "devDependencies": {
-    "typescript": "~4.6.3"
+    "typescript": "4.9.0-dev.20221011"
   },
   "publishConfig": {
     "access": "public"
diff --git a/code/lib/channels/package.json b/code/lib/channels/package.json
index 489f3a585ec4..30bda3bb1d38 100644
--- a/code/lib/channels/package.json
+++ b/code/lib/channels/package.json
@@ -42,7 +42,7 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "devDependencies": {
-    "typescript": "~4.6.3"
+    "typescript": "4.9.0-dev.20221011"
   },
   "publishConfig": {
     "access": "public"
diff --git a/code/lib/cli-sb/package.json b/code/lib/cli-sb/package.json
index da4f374a25c6..46bf9f1dd3a2 100644
--- a/code/lib/cli-sb/package.json
+++ b/code/lib/cli-sb/package.json
@@ -28,7 +28,7 @@
     "@storybook/cli": "7.0.0-alpha.35"
   },
   "devDependencies": {
-    "typescript": "~4.6.3"
+    "typescript": "4.9.0-dev.20221011"
   },
   "publishConfig": {
     "access": "public"
diff --git a/code/lib/cli-storybook/package.json b/code/lib/cli-storybook/package.json
index 2918ce25ce30..376cb72c2421 100644
--- a/code/lib/cli-storybook/package.json
+++ b/code/lib/cli-storybook/package.json
@@ -31,7 +31,7 @@
     "@storybook/cli": "7.0.0-alpha.35"
   },
   "devDependencies": {
-    "typescript": "~4.6.3"
+    "typescript": "4.9.0-dev.20221011"
   },
   "publishConfig": {
     "access": "public"
diff --git a/code/lib/cli/package.json b/code/lib/cli/package.json
index a2b2e68f876b..df2e838fbb54 100644
--- a/code/lib/cli/package.json
+++ b/code/lib/cli/package.json
@@ -77,13 +77,15 @@
     "@storybook/client-api": "7.0.0-alpha.35",
     "@types/cross-spawn": "^6.0.2",
     "@types/degit": "^2.8.3",
+    "@types/invariant": "^2",
     "@types/prompts": "^2.0.9",
     "@types/puppeteer-core": "^2.1.0",
     "@types/semver": "^7.3.4",
     "@types/shelljs": "^0.8.7",
     "@types/update-notifier": "^5.0.0",
     "strip-json-comments": "^3.1.1",
-    "typescript": "~4.6.3",
+    "tiny-invariant": "^1.3.1",
+    "typescript": "4.9.0-dev.20221011",
     "update-notifier": "^5.0.1"
   },
   "publishConfig": {
diff --git a/code/lib/cli/rendererAssets/html/ts/Header.stories.ts b/code/lib/cli/rendererAssets/html/ts/Header.stories.ts
index 23596519d38b..f3dfac31fc8c 100644
--- a/code/lib/cli/rendererAssets/html/ts/Header.stories.ts
+++ b/code/lib/cli/rendererAssets/html/ts/Header.stories.ts
@@ -19,7 +19,7 @@ const Template: StoryFn<HeaderProps> = (args) => createHeader(args);
 
 export const LoggedIn = Template.bind({});
 LoggedIn.args = {
-  user: {},
+  user: { name: 'John Doe' },
 };
 
 export const LoggedOut = Template.bind({});
diff --git a/code/lib/cli/rendererAssets/react/ts-legacy/Button.stories.tsx b/code/lib/cli/rendererAssets/react/ts-legacy/Button.stories.tsx
new file mode 100644
index 000000000000..381d89678c93
--- /dev/null
+++ b/code/lib/cli/rendererAssets/react/ts-legacy/Button.stories.tsx
@@ -0,0 +1,42 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Button } from './Button';
+
+// More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
+const meta: Meta<typeof Button> = {
+  title: 'Example/Button',
+  component: Button,
+  // More on argTypes: https://storybook.js.org/docs/react/api/argtypes
+  argTypes: {
+    backgroundColor: { control: 'color' },
+  },
+};
+
+export default meta;
+
+export const Primary: StoryObj<typeof Button> = {
+  // More on args: https://storybook.js.org/docs/react/writing-stories/args
+  args: {
+    primary: true,
+    label: 'Button',
+  },
+};
+
+export const Secondary: StoryObj<typeof Button> = {
+  args: {
+    label: 'Button',
+  },
+};
+
+export const Large: StoryObj<typeof Button> = {
+  args: {
+    size: 'large',
+    label: 'Button',
+  },
+};
+
+export const Small: StoryObj<typeof Button> = {
+  args: {
+    size: 'small',
+    label: 'Button',
+  },
+};
diff --git a/code/lib/cli/rendererAssets/react/ts-legacy/Button.tsx b/code/lib/cli/rendererAssets/react/ts-legacy/Button.tsx
new file mode 100644
index 000000000000..c33be6ec52c4
--- /dev/null
+++ b/code/lib/cli/rendererAssets/react/ts-legacy/Button.tsx
@@ -0,0 +1,48 @@
+import React from 'react';
+import './button.css';
+
+interface ButtonProps {
+  /**
+   * Is this the principal call to action on the page?
+   */
+  primary?: boolean;
+  /**
+   * What background color to use
+   */
+  backgroundColor?: string;
+  /**
+   * How large should the button be?
+   */
+  size?: 'small' | 'medium' | 'large';
+  /**
+   * Button contents
+   */
+  label: string;
+  /**
+   * Optional click handler
+   */
+  onClick?: () => void;
+}
+
+/**
+ * Primary UI component for user interaction
+ */
+export const Button = ({
+  primary = false,
+  size = 'medium',
+  backgroundColor,
+  label,
+  ...props
+}: ButtonProps) => {
+  const mode = primary ? 'storybook-button--primary' : 'storybook-button--secondary';
+  return (
+    <button
+      type="button"
+      className={['storybook-button', `storybook-button--${size}`, mode].join(' ')}
+      style={{ backgroundColor }}
+      {...props}
+    >
+      {label}
+    </button>
+  );
+};
diff --git a/code/lib/cli/rendererAssets/react/ts-legacy/Header.stories.tsx b/code/lib/cli/rendererAssets/react/ts-legacy/Header.stories.tsx
new file mode 100644
index 000000000000..0e429250da22
--- /dev/null
+++ b/code/lib/cli/rendererAssets/react/ts-legacy/Header.stories.tsx
@@ -0,0 +1,22 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import React from 'react';
+import { Header } from './Header';
+
+const meta: Meta<typeof Header> = {
+  title: 'Example/Header',
+  component: Header,
+  parameters: {
+    // More on Story layout: https://storybook.js.org/docs/react/configure/story-layout
+    layout: 'fullscreen',
+  },
+};
+
+export default meta;
+
+export const LoggedIn: StoryObj<typeof Header> = {
+  args: {
+    user: { name: 'Jane Doe' },
+  },
+};
+
+export const LoggedOut: StoryObj<typeof Header> = {};
diff --git a/code/lib/cli/rendererAssets/react/ts-legacy/Header.tsx b/code/lib/cli/rendererAssets/react/ts-legacy/Header.tsx
new file mode 100644
index 000000000000..dc3f3c19c31a
--- /dev/null
+++ b/code/lib/cli/rendererAssets/react/ts-legacy/Header.tsx
@@ -0,0 +1,56 @@
+import React from 'react';
+
+import { Button } from './Button';
+import './header.css';
+
+type User = {
+  name: string;
+};
+
+interface HeaderProps {
+  user?: User;
+  onLogin: () => void;
+  onLogout: () => void;
+  onCreateAccount: () => void;
+}
+
+export const Header = ({ user, onLogin, onLogout, onCreateAccount }: HeaderProps) => (
+  <header>
+    <div className="wrapper">
+      <div>
+        <svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
+          <g fill="none" fillRule="evenodd">
+            <path
+              d="M10 0h12a10 10 0 0110 10v12a10 10 0 01-10 10H10A10 10 0 010 22V10A10 10 0 0110 0z"
+              fill="#FFF"
+            />
+            <path
+              d="M5.3 10.6l10.4 6v11.1l-10.4-6v-11zm11.4-6.2l9.7 5.5-9.7 5.6V4.4z"
+              fill="#555AB9"
+            />
+            <path
+              d="M27.2 10.6v11.2l-10.5 6V16.5l10.5-6zM15.7 4.4v11L6 10l9.7-5.5z"
+              fill="#91BAF8"
+            />
+          </g>
+        </svg>
+        <h1>Acme</h1>
+      </div>
+      <div>
+        {user ? (
+          <>
+            <span className="welcome">
+              Welcome, <b>{user.name}</b>!
+            </span>
+            <Button size="small" onClick={onLogout} label="Log out" />
+          </>
+        ) : (
+          <>
+            <Button size="small" onClick={onLogin} label="Log in" />
+            <Button primary size="small" onClick={onCreateAccount} label="Sign up" />
+          </>
+        )}
+      </div>
+    </div>
+  </header>
+);
diff --git a/code/lib/cli/rendererAssets/react/ts-legacy/Page.stories.tsx b/code/lib/cli/rendererAssets/react/ts-legacy/Page.stories.tsx
new file mode 100644
index 000000000000..f9fcc3863c97
--- /dev/null
+++ b/code/lib/cli/rendererAssets/react/ts-legacy/Page.stories.tsx
@@ -0,0 +1,27 @@
+import type { Meta } from '@storybook/react';
+import { StoryObj } from '@storybook/react/src';
+import { userEvent, within } from '@storybook/testing-library';
+import React from 'react';
+import { Page } from './Page';
+
+const meta: Meta<typeof Page> = {
+  title: 'Example/Page',
+  component: Page,
+  parameters: {
+    // More on Story layout: https://storybook.js.org/docs/react/configure/story-layout
+    layout: 'fullscreen',
+  },
+};
+
+export default meta;
+
+export const LoggedOut: StoryObj<typeof Page> = {};
+
+export const LoggedIn: StoryObj<typeof Page> = {
+  // More on interaction testing: https://storybook.js.org/docs/react/writing-tests/interaction-testing
+  play: async ({ canvasElement }) => {
+    const canvas = within(canvasElement);
+    const loginButton = await canvas.getByRole('button', { name: /Log in/i });
+    await userEvent.click(loginButton);
+  },
+};
diff --git a/code/lib/cli/rendererAssets/react/ts-legacy/Page.tsx b/code/lib/cli/rendererAssets/react/ts-legacy/Page.tsx
new file mode 100644
index 000000000000..522d34294ae2
--- /dev/null
+++ b/code/lib/cli/rendererAssets/react/ts-legacy/Page.tsx
@@ -0,0 +1,73 @@
+import React from 'react';
+
+import { Header } from './Header';
+import './page.css';
+
+type User = {
+  name: string;
+};
+
+export const Page: React.VFC = () => {
+  const [user, setUser] = React.useState<User>();
+
+  return (
+    <article>
+      <Header
+        user={user}
+        onLogin={() => setUser({ name: 'Jane Doe' })}
+        onLogout={() => setUser(undefined)}
+        onCreateAccount={() => setUser({ name: 'Jane Doe' })}
+      />
+
+      <section>
+        <h2>Pages in Storybook</h2>
+        <p>
+          We recommend building UIs with a{' '}
+          <a href="https://componentdriven.org" target="_blank" rel="noopener noreferrer">
+            <strong>component-driven</strong>
+          </a>{' '}
+          process starting with atomic components and ending with pages.
+        </p>
+        <p>
+          Render pages with mock data. This makes it easy to build and review page states without
+          needing to navigate to them in your app. Here are some handy patterns for managing page
+          data in Storybook:
+        </p>
+        <ul>
+          <li>
+            Use a higher-level connected component. Storybook helps you compose such data from the
+            "args" of child component stories
+          </li>
+          <li>
+            Assemble data in the page component from your services. You can mock these services out
+            using Storybook.
+          </li>
+        </ul>
+        <p>
+          Get a guided tutorial on component-driven development at{' '}
+          <a href="https://storybook.js.org/tutorials/" target="_blank" rel="noopener noreferrer">
+            Storybook tutorials
+          </a>
+          . Read more in the{' '}
+          <a href="https://storybook.js.org/docs" target="_blank" rel="noopener noreferrer">
+            docs
+          </a>
+          .
+        </p>
+        <div className="tip-wrapper">
+          <span className="tip">Tip</span> Adjust the width of the canvas with the{' '}
+          <svg width="10" height="10" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
+            <g fill="none" fillRule="evenodd">
+              <path
+                d="M1.5 5.2h4.8c.3 0 .5.2.5.4v5.1c-.1.2-.3.3-.4.3H1.4a.5.5 0 01-.5-.4V5.7c0-.3.2-.5.5-.5zm0-2.1h6.9c.3 0 .5.2.5.4v7a.5.5 0 01-1 0V4H1.5a.5.5 0 010-1zm0-2.1h9c.3 0 .5.2.5.4v9.1a.5.5 0 01-1 0V2H1.5a.5.5 0 010-1zm4.3 5.2H2V10h3.8V6.2z"
+                id="a"
+                fill="#999"
+              />
+            </g>
+          </svg>
+          Viewports addon in the toolbar
+        </div>
+      </section>
+    </article>
+  );
+};
diff --git a/code/lib/cli/rendererAssets/react/ts/Button.stories.tsx b/code/lib/cli/rendererAssets/react/ts/Button.stories.tsx
index 435f55a9ef58..fd3cb062d7bf 100644
--- a/code/lib/cli/rendererAssets/react/ts/Button.stories.tsx
+++ b/code/lib/cli/rendererAssets/react/ts/Button.stories.tsx
@@ -1,41 +1,53 @@
-import React from 'react';
-import type { ComponentStoryFn, ComponentMeta } from '@storybook/react';
-
+import type { Meta, StoryObj } from '@storybook/react';
 import { Button } from './Button';
 
 // More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
-export default {
+const meta = {
   title: 'Example/Button',
   component: Button,
   // More on argTypes: https://storybook.js.org/docs/react/api/argtypes
   argTypes: {
     backgroundColor: { control: 'color' },
   },
-} as ComponentMeta<typeof Button>;
+};
+satisfies;
+Meta<typeof Button>;
 
-// More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args
-const Template: ComponentStoryFn<typeof Button> = (args) => <Button {...args} />;
+export default meta;
+type Story = StoryObj<typeof meta>;
 
-export const Primary = Template.bind({});
-// More on args: https://storybook.js.org/docs/react/writing-stories/args
-Primary.args = {
-  primary: true,
-  label: 'Button',
+export const Primary = {
+  // More on args: https://storybook.js.org/docs/react/writing-stories/args
+  args: {
+    primary: true,
+    label: 'Button',
+  },
 };
+satisfies;
+Story;
 
-export const Secondary = Template.bind({});
-Secondary.args = {
-  label: 'Button',
+export const Secondary = {
+  args: {
+    label: 'Button',
+  },
 };
+satisfies;
+Story;
 
-export const Large = Template.bind({});
-Large.args = {
-  size: 'large',
-  label: 'Button',
+export const Large = {
+  args: {
+    size: 'large',
+    label: 'Button',
+  },
 };
+satisfies;
+Story;
 
-export const Small = Template.bind({});
-Small.args = {
-  size: 'small',
-  label: 'Button',
+export const Small = {
+  args: {
+    size: 'small',
+    label: 'Button',
+  },
 };
+satisfies;
+Story;
diff --git a/code/lib/cli/rendererAssets/react/ts/Header.stories.tsx b/code/lib/cli/rendererAssets/react/ts/Header.stories.tsx
index 98f78d07e094..fdf6fbee4d4d 100644
--- a/code/lib/cli/rendererAssets/react/ts/Header.stories.tsx
+++ b/code/lib/cli/rendererAssets/react/ts/Header.stories.tsx
@@ -1,25 +1,29 @@
+import type { Meta, StoryObj } from '@storybook/react';
 import React from 'react';
-import type { ComponentStoryFn, ComponentMeta } from '@storybook/react';
-
 import { Header } from './Header';
 
-export default {
+const meta = {
   title: 'Example/Header',
   component: Header,
   parameters: {
     // More on Story layout: https://storybook.js.org/docs/react/configure/story-layout
     layout: 'fullscreen',
   },
-} as ComponentMeta<typeof Header>;
+};
+satisfies;
+Meta<typeof Header>;
 
-const Template: ComponentStoryFn<typeof Header> = (args) => <Header {...args} />;
+export default meta;
+type Story = StoryObj<typeof meta>;
 
-export const LoggedIn = Template.bind({});
-LoggedIn.args = {
-  user: {
-    name: 'Jane Doe',
+export const LoggedIn = {
+  args: {
+    user: { name: 'Jane Doe' },
   },
 };
+satisfies;
+Story;
 
-export const LoggedOut = Template.bind({});
-LoggedOut.args = {};
+export const LoggedOut = {};
+satisfies;
+Story;
diff --git a/code/lib/cli/rendererAssets/react/ts/Page.stories.tsx b/code/lib/cli/rendererAssets/react/ts/Page.stories.tsx
index 921f541e23ac..6915355dc114 100644
--- a/code/lib/cli/rendererAssets/react/ts/Page.stories.tsx
+++ b/code/lib/cli/rendererAssets/react/ts/Page.stories.tsx
@@ -1,26 +1,34 @@
+import type { Meta } from '@storybook/react';
+import { StoryObj } from '@storybook/react/src';
+import { userEvent, within } from '@storybook/testing-library';
 import React from 'react';
-import type { ComponentStoryFn, ComponentMeta } from '@storybook/react';
-import { within, userEvent } from '@storybook/testing-library';
 import { Page } from './Page';
 
-export default {
+const meta = {
   title: 'Example/Page',
   component: Page,
   parameters: {
     // More on Story layout: https://storybook.js.org/docs/react/configure/story-layout
     layout: 'fullscreen',
   },
-} as ComponentMeta<typeof Page>;
-
-const Template: ComponentStoryFn<typeof Page> = (args) => <Page {...args} />;
+};
+satisfies;
+Meta<typeof Page>;
 
-export const LoggedOut = Template.bind({});
+export default meta;
+type Story = StoryObj<typeof meta>;
 
-export const LoggedIn = Template.bind({});
+export const LoggedOut = {};
+satisfies;
+Story;
 
-// More on interaction testing: https://storybook.js.org/docs/react/writing-tests/interaction-testing
-LoggedIn.play = async ({ canvasElement }) => {
-  const canvas = within(canvasElement);
-  const loginButton = await canvas.getByRole('button', { name: /Log in/i });
-  await userEvent.click(loginButton);
+export const LoggedIn = {
+  // More on interaction testing: https://storybook.js.org/docs/react/writing-tests/interaction-testing
+  play: async ({ canvasElement }) => {
+    const canvas = within(canvasElement);
+    const loginButton = await canvas.getByRole('button', { name: /Log in/i });
+    await userEvent.click(loginButton);
+  },
 };
+satisfies;
+Story;
diff --git a/code/lib/cli/src/add.ts b/code/lib/cli/src/add.ts
index 369ce570efd8..faa2c37a1244 100644
--- a/code/lib/cli/src/add.ts
+++ b/code/lib/cli/src/add.ts
@@ -1,9 +1,8 @@
-import path from 'path';
-import fs from 'fs';
-import { sync as spawnSync } from 'cross-spawn';
-
 import { getStorybookInfo } from '@storybook/core-common';
 import { readConfig, writeConfig } from '@storybook/csf-tools';
+import { sync as spawnSync } from 'cross-spawn';
+import fs from 'fs';
+import path from 'path';
 
 import { commandLog } from './helpers';
 import { JsPackageManagerFactory } from './js-package-manager';
@@ -23,6 +22,8 @@ const postinstallAddon = async (addonName: string, isOfficialAddon: boolean) =>
     LEGACY_CONFIGS.forEach((config) => {
       try {
         const codemod = require.resolve(
+          // TODO: fix this before merging
+          // @ts-expect-error getPackageName undefined, so will always go to catch branch
           `${getPackageName(addonName, isOfficialAddon)}/postinstall/${config}.js`
         );
         commandLog(`Running postinstall script for ${addonName}`)();
diff --git a/code/lib/cli/src/automigrate/fixes/angular12.test.ts b/code/lib/cli/src/automigrate/fixes/angular12.test.ts
index 248bf9ed47a5..41ca0168ccd3 100644
--- a/code/lib/cli/src/automigrate/fixes/angular12.test.ts
+++ b/code/lib/cli/src/automigrate/fixes/angular12.test.ts
@@ -1,12 +1,19 @@
 /* eslint-disable no-underscore-dangle */
+import type { StorybookConfig } from '@storybook/core-common';
 import path from 'path';
-import { JsPackageManager } from '../../js-package-manager';
+import { JsPackageManager, PackageJson } from '../../js-package-manager';
 import { angular12 } from './angular12';
 
 // eslint-disable-next-line global-require, jest/no-mocks-import
 jest.mock('fs-extra', () => require('../../../../../__mocks__/fs-extra'));
 
-const checkAngular12 = async ({ packageJson, main }) => {
+const checkAngular12 = async ({
+  packageJson,
+  main,
+}: {
+  packageJson: PackageJson;
+  main: Partial<StorybookConfig>;
+}) => {
   // eslint-disable-next-line global-require
   require('fs-extra').__setMockFiles({
     [path.join('.storybook', 'main.js')]: `module.exports = ${JSON.stringify(main)};`,
diff --git a/code/lib/cli/src/automigrate/fixes/builder-vite.test.ts b/code/lib/cli/src/automigrate/fixes/builder-vite.test.ts
index aa21e490b8af..c670b5e80ffa 100644
--- a/code/lib/cli/src/automigrate/fixes/builder-vite.test.ts
+++ b/code/lib/cli/src/automigrate/fixes/builder-vite.test.ts
@@ -1,12 +1,19 @@
 /* eslint-disable no-underscore-dangle */
+import { StorybookConfig } from '@storybook/core-common/src';
 import path from 'path';
-import { JsPackageManager } from '../../js-package-manager';
+import { JsPackageManager, PackageJson } from '../../js-package-manager';
 import { builderVite } from './builder-vite';
 
 // eslint-disable-next-line global-require, jest/no-mocks-import
 jest.mock('fs-extra', () => require('../../../../../__mocks__/fs-extra'));
 
-const checkBuilderVite = async ({ packageJson = {}, main }) => {
+const checkBuilderVite = async ({
+  packageJson = {},
+  main,
+}: {
+  packageJson?: PackageJson;
+  main: Partial<StorybookConfig>;
+}) => {
   // eslint-disable-next-line global-require
   require('fs-extra').__setMockFiles({
     [path.join('.storybook', 'main.js')]: `module.exports = ${JSON.stringify(main)};`,
diff --git a/code/lib/cli/src/automigrate/fixes/cra5.test.ts b/code/lib/cli/src/automigrate/fixes/cra5.test.ts
index 72e42f9f6f65..c367b544586f 100644
--- a/code/lib/cli/src/automigrate/fixes/cra5.test.ts
+++ b/code/lib/cli/src/automigrate/fixes/cra5.test.ts
@@ -1,12 +1,19 @@
 /* eslint-disable no-underscore-dangle */
+import { StorybookConfig } from '@storybook/core-common/src';
 import path from 'path';
-import { JsPackageManager } from '../../js-package-manager';
+import { JsPackageManager, PackageJson } from '../../js-package-manager';
 import { cra5 } from './cra5';
 
 // eslint-disable-next-line global-require, jest/no-mocks-import
 jest.mock('fs-extra', () => require('../../../../../__mocks__/fs-extra'));
 
-const checkCra5 = async ({ packageJson, main }) => {
+const checkCra5 = async ({
+  packageJson,
+  main,
+}: {
+  packageJson: PackageJson;
+  main: Partial<StorybookConfig>;
+}) => {
   // eslint-disable-next-line global-require
   require('fs-extra').__setMockFiles({
     [path.join('.storybook', 'main.js')]: `module.exports = ${JSON.stringify(main)};`,
diff --git a/code/lib/cli/src/automigrate/fixes/eslint-plugin.test.ts b/code/lib/cli/src/automigrate/fixes/eslint-plugin.test.ts
index f50228730841..414a6b98ea02 100644
--- a/code/lib/cli/src/automigrate/fixes/eslint-plugin.test.ts
+++ b/code/lib/cli/src/automigrate/fixes/eslint-plugin.test.ts
@@ -1,7 +1,8 @@
 /* eslint-disable no-underscore-dangle */
+import { StorybookConfig } from '@storybook/core-common/src';
 import path from 'path';
 import { dedent } from 'ts-dedent';
-import { JsPackageManager } from '../../js-package-manager';
+import { JsPackageManager, PackageJson } from '../../js-package-manager';
 import { eslintPlugin } from './eslint-plugin';
 
 // eslint-disable-next-line global-require, jest/no-mocks-import
@@ -12,6 +13,11 @@ const checkEslint = async ({
   main = {},
   hasEslint = true,
   eslintExtension = 'js',
+}: {
+  packageJson: PackageJson;
+  main?: Partial<StorybookConfig> & Record<string, unknown>;
+  hasEslint?: boolean;
+  eslintExtension?: string;
 }) => {
   // eslint-disable-next-line global-require
   require('fs-extra').__setMockFiles({
diff --git a/code/lib/cli/src/automigrate/fixes/new-frameworks.test.ts b/code/lib/cli/src/automigrate/fixes/new-frameworks.test.ts
index 7ffaf5385cd9..ec345f712ecd 100644
--- a/code/lib/cli/src/automigrate/fixes/new-frameworks.test.ts
+++ b/code/lib/cli/src/automigrate/fixes/new-frameworks.test.ts
@@ -1,12 +1,19 @@
 /* eslint-disable no-underscore-dangle */
+import { StorybookConfig } from '@storybook/core-common/src';
 import path from 'path';
-import { JsPackageManager } from '../../js-package-manager';
+import { JsPackageManager, PackageJson } from '../../js-package-manager';
 import { newFrameworks } from './new-frameworks';
 
 // eslint-disable-next-line global-require, jest/no-mocks-import
 jest.mock('fs-extra', () => require('../../../../../__mocks__/fs-extra'));
 
-const checkNewFrameworks = async ({ packageJson, main }) => {
+const checkNewFrameworks = async ({
+  packageJson,
+  main,
+}: {
+  packageJson: PackageJson;
+  main: Partial<StorybookConfig> & Record<string, unknown>;
+}) => {
   if (main) {
     // eslint-disable-next-line global-require
     require('fs-extra').__setMockFiles({
diff --git a/code/lib/cli/src/automigrate/fixes/npm7.test.ts b/code/lib/cli/src/automigrate/fixes/npm7.test.ts
index 83346ccdfaf1..4ed22b8aa18e 100644
--- a/code/lib/cli/src/automigrate/fixes/npm7.test.ts
+++ b/code/lib/cli/src/automigrate/fixes/npm7.test.ts
@@ -3,7 +3,7 @@ import { npm7 } from './npm7';
 
 const mockExecuteCommand = jest.fn();
 class MockedNPMProxy extends NPMProxy {
-  executeCommand(...args) {
+  executeCommand(...args: Parameters<NPMProxy['executeCommand']>) {
     return mockExecuteCommand(...args);
   }
 }
diff --git a/code/lib/cli/src/automigrate/fixes/sb-scripts.test.ts b/code/lib/cli/src/automigrate/fixes/sb-scripts.test.ts
index 6d1ad7480c66..90d9a1732ea3 100644
--- a/code/lib/cli/src/automigrate/fixes/sb-scripts.test.ts
+++ b/code/lib/cli/src/automigrate/fixes/sb-scripts.test.ts
@@ -1,7 +1,7 @@
-import { JsPackageManager } from '../../js-package-manager';
-import { sbScripts, getStorybookScripts } from './sb-scripts';
+import { JsPackageManager, PackageJson } from '../../js-package-manager';
+import { getStorybookScripts, sbScripts } from './sb-scripts';
 
-const checkSbScripts = async ({ packageJson }) => {
+const checkSbScripts = async ({ packageJson }: { packageJson: PackageJson }) => {
   const packageManager = {
     retrievePackageJson: () => ({ dependencies: {}, devDependencies: {}, ...packageJson }),
   } as JsPackageManager;
diff --git a/code/lib/cli/src/automigrate/fixes/vue3.test.ts b/code/lib/cli/src/automigrate/fixes/vue3.test.ts
index 6fb5a71b17a2..18ead2c83d81 100644
--- a/code/lib/cli/src/automigrate/fixes/vue3.test.ts
+++ b/code/lib/cli/src/automigrate/fixes/vue3.test.ts
@@ -1,12 +1,12 @@
 /* eslint-disable no-underscore-dangle */
 import path from 'path';
-import { JsPackageManager } from '../../js-package-manager';
+import { JsPackageManager, PackageJson } from '../../js-package-manager';
 import { vue3 } from './vue3';
 
 // eslint-disable-next-line global-require, jest/no-mocks-import
 jest.mock('fs-extra', () => require('../../../../../__mocks__/fs-extra'));
 
-const checkVue3 = async ({ packageJson, main }) => {
+const checkVue3 = async ({ packageJson, main }: { packageJson: PackageJson; main: unknown }) => {
   // eslint-disable-next-line global-require
   require('fs-extra').__setMockFiles({
     [path.join('.storybook', 'main.js')]: `module.exports = ${JSON.stringify(main)};`,
diff --git a/code/lib/cli/src/automigrate/fixes/webpack5.test.ts b/code/lib/cli/src/automigrate/fixes/webpack5.test.ts
index 5406b2ed86f4..6e8eec84a5f3 100644
--- a/code/lib/cli/src/automigrate/fixes/webpack5.test.ts
+++ b/code/lib/cli/src/automigrate/fixes/webpack5.test.ts
@@ -1,12 +1,19 @@
 /* eslint-disable no-underscore-dangle */
+import { StorybookConfig } from '@storybook/core-common/src';
 import path from 'path';
-import { JsPackageManager } from '../../js-package-manager';
+import { JsPackageManager, PackageJson } from '../../js-package-manager';
 import { webpack5 } from './webpack5';
 
 // eslint-disable-next-line global-require, jest/no-mocks-import
 jest.mock('fs-extra', () => require('../../../../../__mocks__/fs-extra'));
 
-const checkWebpack5 = async ({ packageJson, main }) => {
+const checkWebpack5 = async ({
+  packageJson,
+  main,
+}: {
+  packageJson: PackageJson;
+  main: Partial<StorybookConfig>;
+}) => {
   // eslint-disable-next-line global-require
   require('fs-extra').__setMockFiles({
     [path.join('.storybook', 'main.js')]: `module.exports = ${JSON.stringify(main)};`,
diff --git a/code/lib/cli/src/detect.test.ts b/code/lib/cli/src/detect.test.ts
index 6caf23f682e3..504ca69a225c 100644
--- a/code/lib/cli/src/detect.test.ts
+++ b/code/lib/cli/src/detect.test.ts
@@ -1,18 +1,14 @@
-import fs from 'fs';
+import * as fs from 'fs';
+import { detect, detectFrameworkPreset, detectLanguage, isStorybookInstalled } from './detect';
 
 import { getBowerJson } from './helpers';
-import { isStorybookInstalled, detectFrameworkPreset, detect, detectLanguage } from './detect';
+import { PackageJsonWithMaybeDeps } from './js-package-manager';
 import { ProjectType, SUPPORTED_RENDERERS, SupportedLanguage } from './project_types';
-import { PackageJsonWithMaybeDeps, readPackageJson } from './js-package-manager';
 
 jest.mock('./helpers', () => ({
   getBowerJson: jest.fn(),
 }));
 
-jest.mock('./js-package-manager', () => ({
-  readPackageJson: jest.fn(),
-}));
-
 jest.mock('fs', () => ({
   existsSync: jest.fn(),
   stat: jest.fn(),
@@ -274,28 +270,39 @@ const MOCK_FRAMEWORK_FILES: {
 
 describe('Detect', () => {
   it(`should return type HTML if html option is passed`, () => {
-    (readPackageJson as jest.Mock).mockImplementation(() => true);
     expect(detect({ dependencies: {} }, { html: true })).toBe(ProjectType.HTML);
   });
 
   it(`should return type UNDETECTED if neither packageJson or bowerJson exist`, () => {
-    (readPackageJson as jest.Mock).mockImplementation(() => false);
     (getBowerJson as jest.Mock).mockImplementation(() => false);
     expect(detect(undefined)).toBe(ProjectType.UNDETECTED);
   });
 
-  it(`should return language typescript if the dependency is present`, () => {
-    expect(
-      detectLanguage({
-        dependencies: {
-          typescript: '1.0.0',
-        },
-      })
-    ).toBe(SupportedLanguage.TYPESCRIPT);
+  it(`should return language legacy typescript if the dependency is present`, () => {
+    expect(detectLanguage({ dependencies: { typescript: '1.0.0' } })).toBe(
+      SupportedLanguage.TYPESCRIPT_LEGACY
+    );
+  });
+
+  it(`should return language typescript if the dependency is >TS4.9`, () => {
+    expect(detectLanguage({ dependencies: { typescript: '4.9.1' } })).toBe(
+      SupportedLanguage.TYPESCRIPT
+    );
+  });
+
+  it(`should return language typescript if the dependency is =TS4.9`, () => {
+    expect(detectLanguage({ dependencies: { typescript: '4.9.0' } })).toBe(
+      SupportedLanguage.TYPESCRIPT
+    );
+  });
+
+  it(`should return language typescript if the dependency is =TS4.9beta`, () => {
+    expect(detectLanguage({ dependencies: { typescript: '^4.9.0-beta' } })).toBe(
+      SupportedLanguage.TYPESCRIPT
+    );
   });
 
   it(`should return language javascript by default`, () => {
-    (readPackageJson as jest.Mock).mockImplementation(() => true);
     expect(detectLanguage()).toBe(SupportedLanguage.JAVASCRIPT);
   });
 
diff --git a/code/lib/cli/src/detect.ts b/code/lib/cli/src/detect.ts
index cf207cc08130..e3f6ee60895a 100644
--- a/code/lib/cli/src/detect.ts
+++ b/code/lib/cli/src/detect.ts
@@ -1,20 +1,21 @@
-import path from 'path';
-import fs from 'fs';
 import findUp from 'find-up';
+import fs from 'fs';
+import path from 'path';
+import semver from 'semver';
 
+import { detectNextJS } from './detect-nextjs';
+import { getBowerJson, paddedLog } from './helpers';
+import { JsPackageManager, PackageJson, PackageJsonWithMaybeDeps } from './js-package-manager';
 import {
+  CoreBuilder,
   ProjectType,
-  supportedTemplates,
   SUPPORTED_RENDERERS,
   SupportedLanguage,
+  supportedTemplates,
   TemplateConfiguration,
   TemplateMatcher,
   unsupportedTemplate,
-  CoreBuilder,
 } from './project_types';
-import { getBowerJson, paddedLog } from './helpers';
-import { PackageJson, JsPackageManager, PackageJsonWithMaybeDeps } from './js-package-manager';
-import { detectNextJS } from './detect-nextjs';
 
 const viteConfigFiles = ['vite.config.ts', 'vite.config.js', 'vite.config.mjs'];
 
@@ -156,8 +157,14 @@ export function detectLanguage(packageJson?: PackageJson) {
     return language;
   }
 
-  if (hasDependency(packageJson || bowerJson, 'typescript')) {
+  if (
+    hasDependency(packageJson || bowerJson, 'typescript', (version) =>
+      semver.gte(semver.coerce(version), '4.9.0')
+    )
+  ) {
     language = SupportedLanguage.TYPESCRIPT;
+  } else if (hasDependency(packageJson || bowerJson, 'typescript')) {
+    language = SupportedLanguage.TYPESCRIPT_LEGACY;
   }
 
   return language;
diff --git a/code/lib/cli/src/helpers.ts b/code/lib/cli/src/helpers.ts
index a37845182be8..74cca498a41c 100644
--- a/code/lib/cli/src/helpers.ts
+++ b/code/lib/cli/src/helpers.ts
@@ -1,14 +1,14 @@
 /* eslint-disable no-param-reassign */
-import path, { join } from 'path';
+import chalk from 'chalk';
 import fs from 'fs';
 import fse from 'fs-extra';
-import chalk from 'chalk';
+import path, { join } from 'path';
 import { satisfies } from 'semver';
 import stripJsonComments from 'strip-json-comments';
-
-import { SupportedRenderers, SupportedLanguage } from './project_types';
-import { JsPackageManager, PackageJson, PackageJsonWithDepsAndDevDeps } from './js-package-manager';
 import { getBaseDir } from './dirs';
+import { JsPackageManager, PackageJson, PackageJsonWithDepsAndDevDeps } from './js-package-manager';
+
+import { SupportedLanguage, SupportedRenderers } from './project_types';
 import storybookMonorepoPackages from './versions';
 
 const logger = console;
@@ -183,18 +183,31 @@ export function copyTemplate(templateRoot: string) {
 
 export async function copyComponents(renderer: SupportedRenderers, language: SupportedLanguage) {
   const languageFolderMapping: Record<SupportedLanguage, string> = {
-    javascript: 'js',
-    typescript: 'ts',
+    [SupportedLanguage.JAVASCRIPT]: 'js',
+    [SupportedLanguage.TYPESCRIPT]: 'ts',
+    [SupportedLanguage.TYPESCRIPT_LEGACY]: 'ts-legacy',
   };
   const componentsPath = async () => {
     const baseDir = getBaseDir();
     const assetsRoot = join(baseDir, 'rendererAssets');
     const assetsRenderer = join(assetsRoot, renderer);
     const assetsLanguage = join(assetsRenderer, languageFolderMapping[language]);
+    const assetsJS = join(assetsRenderer, languageFolderMapping.javascript);
+    const assetsTSLegacy = join(
+      assetsRenderer,
+      languageFolderMapping[SupportedLanguage.TYPESCRIPT_LEGACY]
+    );
+    const assetsTS = join(assetsRenderer, languageFolderMapping[SupportedLanguage.TYPESCRIPT]);
+
     if (await fse.pathExists(assetsLanguage)) {
       return assetsLanguage;
     }
-    const assetsJS = join(assetsRenderer, languageFolderMapping.javascript);
+    if (language === SupportedLanguage.TYPESCRIPT && (await fse.pathExists(assetsTSLegacy))) {
+      return assetsTSLegacy;
+    }
+    if (language === SupportedLanguage.TYPESCRIPT_LEGACY && (await fse.pathExists(assetsTS))) {
+      return assetsTS;
+    }
     if (await fse.pathExists(assetsJS)) {
       return assetsJS;
     }
diff --git a/code/lib/cli/src/js-package-manager/NPMProxy.test.ts b/code/lib/cli/src/js-package-manager/NPMProxy.test.ts
index 9350b0eae96c..f7f94f6271b5 100644
--- a/code/lib/cli/src/js-package-manager/NPMProxy.test.ts
+++ b/code/lib/cli/src/js-package-manager/NPMProxy.test.ts
@@ -226,6 +226,8 @@ describe('NPM Proxy', () => {
 
       jest.spyOn(npmProxy, 'retrievePackageJson').mockImplementation(
         jest.fn(() => ({
+          dependencies: {},
+          devDependencies: {},
           overrides: {
             bar: 'x.x.x',
           },
diff --git a/code/lib/cli/src/js-package-manager/Yarn1Proxy.test.ts b/code/lib/cli/src/js-package-manager/Yarn1Proxy.test.ts
index c9087095df63..b83208e700a4 100644
--- a/code/lib/cli/src/js-package-manager/Yarn1Proxy.test.ts
+++ b/code/lib/cli/src/js-package-manager/Yarn1Proxy.test.ts
@@ -149,6 +149,8 @@ describe('Yarn 1 Proxy', () => {
 
       jest.spyOn(yarn1Proxy, 'retrievePackageJson').mockImplementation(
         jest.fn(() => ({
+          dependencies: {},
+          devDependencies: {},
           resolutions: {
             bar: 'x.x.x',
           },
diff --git a/code/lib/cli/src/js-package-manager/Yarn2Proxy.test.ts b/code/lib/cli/src/js-package-manager/Yarn2Proxy.test.ts
index 561c957257da..4de54a4d12f9 100644
--- a/code/lib/cli/src/js-package-manager/Yarn2Proxy.test.ts
+++ b/code/lib/cli/src/js-package-manager/Yarn2Proxy.test.ts
@@ -155,6 +155,8 @@ describe('Yarn 2 Proxy', () => {
 
       jest.spyOn(yarn2Proxy, 'retrievePackageJson').mockImplementation(
         jest.fn(() => ({
+          dependencies: {},
+          devDependencies: {},
           resolutions: {
             bar: 'x.x.x',
           },
diff --git a/code/lib/cli/src/project_types.ts b/code/lib/cli/src/project_types.ts
index 1835b523e10a..e5db874d98de 100644
--- a/code/lib/cli/src/project_types.ts
+++ b/code/lib/cli/src/project_types.ts
@@ -1,4 +1,4 @@
-import { validRange, minVersion } from 'semver';
+import { minVersion, validRange } from 'semver';
 
 function ltMajor(versionRange: string, major: number) {
   // Uses validRange to avoid a throw from minVersion if an invalid range gets passed
@@ -84,6 +84,7 @@ export type Builder = CoreBuilder | (string & {});
 
 export enum SupportedLanguage {
   JAVASCRIPT = 'javascript',
+  TYPESCRIPT_LEGACY = 'typescript-legacy',
   TYPESCRIPT = 'typescript',
 }
 
diff --git a/code/lib/cli/tsconfig.json b/code/lib/cli/tsconfig.json
index 0521e258ae2f..7ce19849a20b 100644
--- a/code/lib/cli/tsconfig.json
+++ b/code/lib/cli/tsconfig.json
@@ -1,12 +1,23 @@
 {
   "extends": "../../tsconfig.json",
   "compilerOptions": {
-    "types": ["node", "jest"],
+    "types": [
+      "node",
+      "jest"
+    ],
     "strict": false,
     "skipLibCheck": true,
     "strictNullChecks": false,
-    "resolveJsonModule": true
+    "resolveJsonModule": true,
+    "experimentalDecorators": true
   },
-  "include": ["src/**/*"],
-  "exclude": ["templates/**/**", "**/*.test.*", "src/frameworks/**/*"]
+  "include": [
+    "src/**/*",
+    "rendererAssets/**/*"
+  ],
+  "exclude": [
+    "templates/**/**",
+    "src/frameworks/**/*",
+    "rendererAssets/aurelia/**/*"
+  ]
 }
diff --git a/code/lib/client-api/package.json b/code/lib/client-api/package.json
index d90ae881fe40..9b4fea0cf7ef 100644
--- a/code/lib/client-api/package.json
+++ b/code/lib/client-api/package.json
@@ -56,7 +56,7 @@
   },
   "devDependencies": {
     "@storybook/core-common": "7.0.0-alpha.35",
-    "typescript": "~4.6.3"
+    "typescript": "4.9.0-dev.20221011"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
diff --git a/code/lib/client-logger/package.json b/code/lib/client-logger/package.json
index 4daae64e1ea4..9f7842dbb371 100644
--- a/code/lib/client-logger/package.json
+++ b/code/lib/client-logger/package.json
@@ -45,7 +45,7 @@
     "global": "^4.4.0"
   },
   "devDependencies": {
-    "typescript": "~4.6.3"
+    "typescript": "4.9.0-dev.20221011"
   },
   "publishConfig": {
     "access": "public"
diff --git a/code/lib/codemod/package.json b/code/lib/codemod/package.json
index 0389ff62b1f3..5500439d931a 100644
--- a/code/lib/codemod/package.json
+++ b/code/lib/codemod/package.json
@@ -44,13 +44,13 @@
     "globby": "^11.0.2",
     "jscodeshift": "^0.13.1",
     "lodash": "^4.17.21",
-    "prettier": ">=2.2.1 <=2.3.0",
+    "prettier": "^2.7.1",
     "recast": "^0.19.0"
   },
   "devDependencies": {
     "jest": "^26.6.3",
     "jest-specific-snapshot": "^4.0.0",
-    "typescript": "~4.6.3"
+    "typescript": "4.9.0-dev.20221011"
   },
   "publishConfig": {
     "access": "public"
diff --git a/code/lib/components/package.json b/code/lib/components/package.json
index 65d32ed8a798..4b2aa549cc2d 100644
--- a/code/lib/components/package.json
+++ b/code/lib/components/package.json
@@ -66,12 +66,12 @@
     "global": "^4.4.0",
     "overlayscrollbars": "^1.13.1",
     "polished": "^4.2.2",
-    "prettier": ">=2.2.1 <=2.3.0",
+    "prettier": "^2.7.1",
     "react-popper-tooltip": "^3.1.1",
     "react-syntax-highlighter": "^15.4.5",
     "react-textarea-autosize": "^8.3.0",
     "ts-dedent": "^2.0.0",
-    "typescript": "~4.6.3"
+    "typescript": "4.9.0-dev.20221011"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
diff --git a/code/lib/core-client/package.json b/code/lib/core-client/package.json
index 826de1a47f5c..697ca918f80d 100644
--- a/code/lib/core-client/package.json
+++ b/code/lib/core-client/package.json
@@ -50,7 +50,7 @@
     "util-deprecate": "^1.0.2"
   },
   "devDependencies": {
-    "typescript": "~4.6.3"
+    "typescript": "4.9.0-dev.20221011"
   },
   "peerDependenciesMeta": {
     "typescript": {
diff --git a/code/lib/core-common/package.json b/code/lib/core-common/package.json
index a4adf0ef02e2..6953a3c9d8d4 100644
--- a/code/lib/core-common/package.json
+++ b/code/lib/core-common/package.json
@@ -77,7 +77,7 @@
     "@types/picomatch": "^2.3.0",
     "mock-fs": "^4.13.0",
     "type-fest": "^2.17.0",
-    "typescript": "~4.6.3"
+    "typescript": "4.9.0-dev.20221011"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
diff --git a/code/lib/core-events/package.json b/code/lib/core-events/package.json
index 8067428b7af4..ac6a36b38123 100644
--- a/code/lib/core-events/package.json
+++ b/code/lib/core-events/package.json
@@ -42,7 +42,7 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "devDependencies": {
-    "typescript": "~4.6.3"
+    "typescript": "4.9.0-dev.20221011"
   },
   "publishConfig": {
     "access": "public"
diff --git a/code/lib/core-server/package.json b/code/lib/core-server/package.json
index dd02adfb5067..211b5a9628b4 100644
--- a/code/lib/core-server/package.json
+++ b/code/lib/core-server/package.json
@@ -84,7 +84,7 @@
     "jest-os-detection": "^1.3.1",
     "jest-specific-snapshot": "^4.0.0",
     "ts-jest": "^26.4.4",
-    "typescript": "~4.6.3",
+    "typescript": "4.9.0-dev.20221011",
     "webpack": "5"
   },
   "peerDependencies": {
diff --git a/code/lib/core-webpack/package.json b/code/lib/core-webpack/package.json
index 8241dbccb2db..25af7c82b2d2 100644
--- a/code/lib/core-webpack/package.json
+++ b/code/lib/core-webpack/package.json
@@ -48,7 +48,7 @@
     "ts-dedent": "^2.0.0"
   },
   "devDependencies": {
-    "typescript": "~4.6.3",
+    "typescript": "4.9.0-dev.20221011",
     "webpack": "5"
   },
   "publishConfig": {
diff --git a/code/lib/csf-tools/package.json b/code/lib/csf-tools/package.json
index 51e064e5d1b7..cd8ca653354c 100644
--- a/code/lib/csf-tools/package.json
+++ b/code/lib/csf-tools/package.json
@@ -53,7 +53,7 @@
   "devDependencies": {
     "@types/fs-extra": "^9.0.6",
     "js-yaml": "^3.14.1",
-    "typescript": "~4.6.3"
+    "typescript": "4.9.0-dev.20221011"
   },
   "publishConfig": {
     "access": "public"
diff --git a/code/lib/docs-tools/package.json b/code/lib/docs-tools/package.json
index 8f1be4134cba..83f48835e5b6 100644
--- a/code/lib/docs-tools/package.json
+++ b/code/lib/docs-tools/package.json
@@ -43,7 +43,7 @@
   "devDependencies": {
     "jest-specific-snapshot": "^4.0.0",
     "require-from-string": "^2.0.2",
-    "typescript": "~4.6.3"
+    "typescript": "4.9.0-dev.20221011"
   },
   "publishConfig": {
     "access": "public"
diff --git a/code/lib/instrumenter/package.json b/code/lib/instrumenter/package.json
index c0c577d57f93..78ff284637cb 100644
--- a/code/lib/instrumenter/package.json
+++ b/code/lib/instrumenter/package.json
@@ -41,7 +41,7 @@
     "global": "^4.4.0"
   },
   "devDependencies": {
-    "typescript": "~4.6.3"
+    "typescript": "4.9.0-dev.20221011"
   },
   "publishConfig": {
     "access": "public"
diff --git a/code/lib/node-logger/package.json b/code/lib/node-logger/package.json
index 6ac55b7de267..9e8f2eb8e817 100644
--- a/code/lib/node-logger/package.json
+++ b/code/lib/node-logger/package.json
@@ -49,7 +49,7 @@
   },
   "devDependencies": {
     "@types/pretty-hrtime": "^1.0.0",
-    "typescript": "~4.6.3"
+    "typescript": "4.9.0-dev.20221011"
   },
   "publishConfig": {
     "access": "public"
diff --git a/code/lib/postinstall/package.json b/code/lib/postinstall/package.json
index cc43deafc9a9..6dec676231ad 100644
--- a/code/lib/postinstall/package.json
+++ b/code/lib/postinstall/package.json
@@ -46,7 +46,7 @@
     "jest": "^26.6.3",
     "jest-specific-snapshot": "^4.0.0",
     "jscodeshift": "^0.13.1",
-    "typescript": "~4.6.3"
+    "typescript": "4.9.0-dev.20221011"
   },
   "publishConfig": {
     "access": "public"
diff --git a/code/lib/preview-web/package.json b/code/lib/preview-web/package.json
index 1006b0e8e233..7e6f189523af 100644
--- a/code/lib/preview-web/package.json
+++ b/code/lib/preview-web/package.json
@@ -52,7 +52,7 @@
     "@storybook/channel-postmessage": "7.0.0-alpha.35",
     "react": "16.14.0",
     "ts-jest": "^28.0.8",
-    "typescript": "~4.6.3"
+    "typescript": "4.9.0-dev.20221011"
   },
   "publishConfig": {
     "access": "public"
diff --git a/code/lib/router/package.json b/code/lib/router/package.json
index ca36a3417011..f854ade5fe7f 100644
--- a/code/lib/router/package.json
+++ b/code/lib/router/package.json
@@ -58,7 +58,7 @@
     "react-router-dom": "6.0.2",
     "ts-dedent": "^2.0.0",
     "ts-node": "^10.4.0",
-    "typescript": "~4.6.3"
+    "typescript": "4.9.0-dev.20221011"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
diff --git a/code/lib/source-loader/package.json b/code/lib/source-loader/package.json
index 7d3ab674edc2..7604d59d5c3d 100644
--- a/code/lib/source-loader/package.json
+++ b/code/lib/source-loader/package.json
@@ -46,11 +46,11 @@
     "@storybook/csf": "0.0.2--canary.49.258942b.0",
     "estraverse": "^5.2.0",
     "lodash": "^4.17.21",
-    "prettier": ">=2.2.1 <=2.3.0"
+    "prettier": "^2.7.1"
   },
   "devDependencies": {
     "jest-specific-snapshot": "^4.0.0",
-    "typescript": "~4.6.3"
+    "typescript": "4.9.0-dev.20221011"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
diff --git a/code/lib/store/package.json b/code/lib/store/package.json
index e53b2c5f19b1..70f316cf6970 100644
--- a/code/lib/store/package.json
+++ b/code/lib/store/package.json
@@ -56,7 +56,7 @@
     "util-deprecate": "^1.0.2"
   },
   "devDependencies": {
-    "typescript": "~4.6.3"
+    "typescript": "4.9.0-dev.20221011"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
diff --git a/code/lib/telemetry/package.json b/code/lib/telemetry/package.json
index b89417b70331..11a743735f57 100644
--- a/code/lib/telemetry/package.json
+++ b/code/lib/telemetry/package.json
@@ -53,7 +53,7 @@
     "read-pkg-up": "^7.0.1"
   },
   "devDependencies": {
-    "typescript": "~4.6.3"
+    "typescript": "4.9.0-dev.20221011"
   },
   "publishConfig": {
     "access": "public"
diff --git a/code/lib/theming/package.json b/code/lib/theming/package.json
index bc8089c0fd6a..b6d1e0027279 100644
--- a/code/lib/theming/package.json
+++ b/code/lib/theming/package.json
@@ -63,7 +63,7 @@
     "global": "^4.4.0",
     "polished": "^4.2.2",
     "ts-dedent": "^2.0.0",
-    "typescript": "~4.6.3"
+    "typescript": "4.9.0-dev.20221011"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
diff --git a/code/lib/ui/package.json b/code/lib/ui/package.json
index 10ae31181d45..40e539fc1088 100644
--- a/code/lib/ui/package.json
+++ b/code/lib/ui/package.json
@@ -87,7 +87,7 @@
     "shelljs": "^0.8.5",
     "store2": "^2.12.0",
     "ts-dedent": "^2.0.0",
-    "typescript": "~4.6.3"
+    "typescript": "4.9.0-dev.20221011"
   },
   "publishConfig": {
     "access": "public"
diff --git a/code/package.json b/code/package.json
index 3f6195844d07..cdb73e4358a8 100644
--- a/code/package.json
+++ b/code/package.json
@@ -116,7 +116,7 @@
     "esbuild": "^0.14.48",
     "eslint": "^7.17.0",
     "serialize-javascript": "^3.1.0",
-    "typescript": "~4.6.3",
+    "typescript": "4.9.0-dev.20221011",
     "webpack": "5"
   },
   "dependencies": {
@@ -310,7 +310,7 @@
     "p-limit": "^3.1.0",
     "playwright": "1.27.0",
     "postcss-loader": "^6.2.1",
-    "prettier": "2.7.1",
+    "prettier": "^2.7.1",
     "process": "^0.11.10",
     "prompts": "^2.4.0",
     "raf": "^3.4.1",
@@ -331,7 +331,7 @@
     "ts-jest": "^26.4.4",
     "ts-node": "^10.4.0",
     "tsup": "^6.2.2",
-    "typescript": "4.7.4",
+    "typescript": "4.9.0-dev.20221011",
     "util": "^0.12.4",
     "wait-on": "^5.2.1",
     "web-component-analyzer": "^1.1.6",
diff --git a/code/presets/html-webpack/package.json b/code/presets/html-webpack/package.json
index ef81fcaffed0..7b05eb6d951e 100644
--- a/code/presets/html-webpack/package.json
+++ b/code/presets/html-webpack/package.json
@@ -58,7 +58,7 @@
     "webpack": "5"
   },
   "devDependencies": {
-    "typescript": "~4.6.3"
+    "typescript": "4.9.0-dev.20221011"
   },
   "peerDependencies": {
     "@babel/core": "*"
diff --git a/code/presets/preact-webpack/package.json b/code/presets/preact-webpack/package.json
index 31b5c9374136..20247c726258 100644
--- a/code/presets/preact-webpack/package.json
+++ b/code/presets/preact-webpack/package.json
@@ -58,7 +58,7 @@
   },
   "devDependencies": {
     "preact": "^10.5.13",
-    "typescript": "~4.6.3"
+    "typescript": "4.9.0-dev.20221011"
   },
   "peerDependencies": {
     "@babel/core": "*",
diff --git a/code/presets/react-webpack/package.json b/code/presets/react-webpack/package.json
index 7b93e10ff897..a63e5a87094f 100644
--- a/code/presets/react-webpack/package.json
+++ b/code/presets/react-webpack/package.json
@@ -89,7 +89,7 @@
   },
   "devDependencies": {
     "@types/util-deprecate": "^1.0.0",
-    "typescript": "~4.6.3"
+    "typescript": "4.9.0-dev.20221011"
   },
   "peerDependencies": {
     "@babel/core": "^7.11.5",
diff --git a/code/presets/server-webpack/package.json b/code/presets/server-webpack/package.json
index eaedbc9e6aab..9ee371f417d6 100644
--- a/code/presets/server-webpack/package.json
+++ b/code/presets/server-webpack/package.json
@@ -69,7 +69,7 @@
   "devDependencies": {
     "fs-extra": "^9.0.1",
     "jest-specific-snapshot": "^4.0.0",
-    "typescript": "~4.6.3",
+    "typescript": "4.9.0-dev.20221011",
     "yaml": "^1.10.0"
   },
   "engines": {
diff --git a/code/presets/svelte-webpack/package.json b/code/presets/svelte-webpack/package.json
index 1f8c31d4aca4..f072065506a8 100644
--- a/code/presets/svelte-webpack/package.json
+++ b/code/presets/svelte-webpack/package.json
@@ -75,7 +75,7 @@
   "devDependencies": {
     "svelte": "^3.31.2",
     "svelte-loader": "^3.1.2",
-    "typescript": "~4.6.3"
+    "typescript": "4.9.0-dev.20221011"
   },
   "peerDependencies": {
     "@babel/core": "*",
diff --git a/code/presets/vue-webpack/package.json b/code/presets/vue-webpack/package.json
index 2149da034e54..871acf615041 100644
--- a/code/presets/vue-webpack/package.json
+++ b/code/presets/vue-webpack/package.json
@@ -71,7 +71,7 @@
     "webpack": "5"
   },
   "devDependencies": {
-    "typescript": "~4.6.3",
+    "typescript": "4.9.0-dev.20221011",
     "vue": "^2.6.12",
     "vue-loader": "^15.7.0",
     "vue-template-compiler": "^2.6.14",
diff --git a/code/presets/vue3-webpack/package.json b/code/presets/vue3-webpack/package.json
index 4f71b9c87065..13a392e48862 100644
--- a/code/presets/vue3-webpack/package.json
+++ b/code/presets/vue3-webpack/package.json
@@ -73,7 +73,7 @@
   },
   "devDependencies": {
     "@vue/compiler-sfc": "^3.2.33",
-    "typescript": "~4.6.3",
+    "typescript": "4.9.0-dev.20221011",
     "vue": "^3.2.33"
   },
   "peerDependencies": {
diff --git a/code/presets/web-components-webpack/package.json b/code/presets/web-components-webpack/package.json
index 83e5a0784480..a51c36be1e3a 100644
--- a/code/presets/web-components-webpack/package.json
+++ b/code/presets/web-components-webpack/package.json
@@ -64,7 +64,7 @@
   },
   "devDependencies": {
     "lit-html": "2.0.2",
-    "typescript": "~4.6.3"
+    "typescript": "4.9.0-dev.20221011"
   },
   "peerDependencies": {
     "lit-html": "^1.4.1 || ^2.0.0"
diff --git a/code/renderers/html/package.json b/code/renderers/html/package.json
index 1734c89edb1b..1499ee6a6807 100644
--- a/code/renderers/html/package.json
+++ b/code/renderers/html/package.json
@@ -62,7 +62,7 @@
     "ts-dedent": "^2.0.0"
   },
   "devDependencies": {
-    "typescript": "~4.6.3"
+    "typescript": "4.9.0-dev.20221011"
   },
   "peerDependencies": {
     "@babel/core": "*"
diff --git a/code/renderers/preact/package.json b/code/renderers/preact/package.json
index 9396bc5a87b9..b7c7e5158481 100644
--- a/code/renderers/preact/package.json
+++ b/code/renderers/preact/package.json
@@ -61,7 +61,7 @@
   },
   "devDependencies": {
     "preact": "^10.5.13",
-    "typescript": "~4.6.3"
+    "typescript": "4.9.0-dev.20221011"
   },
   "peerDependencies": {
     "preact": "^8.0.0||^10.0.0"
diff --git a/code/renderers/react/package.json b/code/renderers/react/package.json
index 453a81a1e519..31b770cd6ff0 100644
--- a/code/renderers/react/package.json
+++ b/code/renderers/react/package.json
@@ -79,7 +79,7 @@
     "expect-type": "^0.14.2",
     "jest-specific-snapshot": "^4.0.0",
     "require-from-string": "^2.0.2",
-    "typescript": "~4.6.3"
+    "typescript": "4.9.0-dev.20221011"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
diff --git a/code/renderers/server/package.json b/code/renderers/server/package.json
index 54fe1ffe2645..97e8cc09fb5a 100644
--- a/code/renderers/server/package.json
+++ b/code/renderers/server/package.json
@@ -61,7 +61,7 @@
     "ts-dedent": "^2.0.0"
   },
   "devDependencies": {
-    "typescript": "~4.6.3"
+    "typescript": "4.9.0-dev.20221011"
   },
   "engines": {
     "node": ">=10.13.0"
diff --git a/code/renderers/svelte/package.json b/code/renderers/svelte/package.json
index 7de8eb8e48e7..4d5684aec28f 100644
--- a/code/renderers/svelte/package.json
+++ b/code/renderers/svelte/package.json
@@ -67,7 +67,7 @@
   },
   "devDependencies": {
     "svelte": "^3.31.2",
-    "typescript": "~4.6.3"
+    "typescript": "4.9.0-dev.20221011"
   },
   "peerDependencies": {
     "@babel/core": "*",
diff --git a/code/renderers/vue/package.json b/code/renderers/vue/package.json
index 54faf964337e..6181170a9876 100644
--- a/code/renderers/vue/package.json
+++ b/code/renderers/vue/package.json
@@ -62,7 +62,7 @@
     "ts-dedent": "^2.0.0"
   },
   "devDependencies": {
-    "typescript": "~4.6.3",
+    "typescript": "4.9.0-dev.20221011",
     "vue": "^2.6.12"
   },
   "peerDependencies": {
diff --git a/code/renderers/vue3/package.json b/code/renderers/vue3/package.json
index 80c88a4902f6..52d78f1e38ee 100644
--- a/code/renderers/vue3/package.json
+++ b/code/renderers/vue3/package.json
@@ -62,7 +62,7 @@
   },
   "devDependencies": {
     "@digitak/esrun": "^3.2.2",
-    "typescript": "~4.6.3",
+    "typescript": "4.9.0-dev.20221011",
     "vue": "^3.0.0"
   },
   "peerDependencies": {
diff --git a/code/renderers/web-components/package.json b/code/renderers/web-components/package.json
index 6be78f5e6461..bc30ecf283f6 100644
--- a/code/renderers/web-components/package.json
+++ b/code/renderers/web-components/package.json
@@ -68,7 +68,7 @@
   "devDependencies": {
     "lit": "2.3.1",
     "lit-html": "2.0.2",
-    "typescript": "~4.6.3"
+    "typescript": "4.9.0-dev.20221011"
   },
   "peerDependencies": {
     "lit-html": "^1.4.1 || ^2.0.0"
diff --git a/code/yarn.lock b/code/yarn.lock
index bc7fb3016536..aa71f7e3a20f 100644
--- a/code/yarn.lock
+++ b/code/yarn.lock
@@ -6381,7 +6381,7 @@ __metadata:
     lodash: ^4.17.21
     react-sizeme: ^3.0.1
     ts-dedent: ^2.0.0
-    typescript: ~4.6.3
+    typescript: 4.9.0-dev.20221011
     util-deprecate: ^1.0.2
   peerDependencies:
     react: ^16.8.0 || ^17.0.0 || ^18.0.0
@@ -6414,7 +6414,7 @@ __metadata:
     react-inspector: ^6.0.0
     telejson: ^6.0.8
     ts-dedent: ^2.0.0
-    typescript: ~4.6.3
+    typescript: 4.9.0-dev.20221011
     util-deprecate: ^1.0.2
     uuid-browser: ^3.1.0
   peerDependencies:
@@ -6442,7 +6442,7 @@ __metadata:
     global: ^4.4.0
     memoizerific: ^1.11.3
     ts-dedent: ^2.0.0
-    typescript: ~4.6.3
+    typescript: 4.9.0-dev.20221011
     util-deprecate: ^1.0.2
   peerDependencies:
     react: ^16.8.0 || ^17.0.0 || ^18.0.0
@@ -6516,7 +6516,7 @@ __metadata:
     remark-external-links: ^8.0.0
     remark-slug: ^6.0.0
     ts-dedent: ^2.0.0
-    typescript: ~4.6.3
+    typescript: 4.9.0-dev.20221011
     util-deprecate: ^1.0.2
   peerDependencies:
     "@storybook/mdx2-csf": 0.0.4-canary.14.04ffbe8.0
@@ -6553,7 +6553,7 @@ __metadata:
     "@storybook/vue": 7.0.0-alpha.35
     "@types/jest": ^26.0.16
     ts-dedent: ^2.0.0
-    typescript: ~4.6.3
+    typescript: 4.9.0-dev.20221011
   peerDependencies:
     "@babel/core": ^7.9.6
   peerDependenciesMeta:
@@ -6592,7 +6592,7 @@ __metadata:
     "@storybook/core-events": 7.0.0-alpha.35
     "@types/webpack-env": ^1.16.0
     global: ^4.4.0
-    typescript: ~4.6.3
+    typescript: 4.9.0-dev.20221011
   languageName: unknown
   linkType: soft
 
@@ -6618,7 +6618,7 @@ __metadata:
     jest-mock: ^27.0.6
     polished: ^4.2.2
     ts-dedent: ^2.2.0
-    typescript: ~4.6.3
+    typescript: 4.9.0-dev.20221011
   peerDependencies:
     react: ^16.8.0 || ^17.0.0 || ^18.0.0
     react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
@@ -6642,7 +6642,7 @@ __metadata:
     "@storybook/theming": 7.0.0-alpha.35
     global: ^4.4.0
     react-sizeme: ^3.0.1
-    typescript: ~4.6.3
+    typescript: 4.9.0-dev.20221011
     upath: ^1.2.0
   peerDependencies:
     react: ^16.8.0 || ^17.0.0 || ^18.0.0
@@ -6667,7 +6667,7 @@ __metadata:
     global: ^4.4.0
     prop-types: ^15.7.2
     ts-dedent: ^2.0.0
-    typescript: ~4.6.3
+    typescript: 4.9.0-dev.20221011
   peerDependencies:
     react: ^16.8.0 || ^17.0.0 || ^18.0.0
     react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
@@ -6690,7 +6690,7 @@ __metadata:
     "@storybook/core-events": 7.0.0-alpha.35
     "@storybook/csf": 0.0.2--canary.49.258942b.0
     global: ^4.4.0
-    typescript: ~4.6.3
+    typescript: 4.9.0-dev.20221011
   peerDependencies:
     react: ^16.8.0 || ^17.0.0 || ^18.0.0
     react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
@@ -6714,7 +6714,7 @@ __metadata:
     "@storybook/csf": 0.0.2--canary.49.258942b.0
     global: ^4.4.0
     ts-dedent: ^2.0.0
-    typescript: ~4.6.3
+    typescript: 4.9.0-dev.20221011
   peerDependencies:
     react: ^16.8.0 || ^17.0.0 || ^18.0.0
     react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
@@ -6852,7 +6852,7 @@ __metadata:
     estraverse: ^5.2.0
     prop-types: ^15.7.2
     react-syntax-highlighter: ^15.5.0
-    typescript: ~4.6.3
+    typescript: 4.9.0-dev.20221011
   peerDependencies:
     react: ^16.8.0 || ^17.0.0 || ^18.0.0
     react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
@@ -6889,7 +6889,7 @@ __metadata:
     "@storybook/client-logger": 7.0.0-alpha.35
     "@storybook/components": 7.0.0-alpha.35
     "@storybook/theming": 7.0.0-alpha.35
-    typescript: ~4.6.3
+    typescript: 4.9.0-dev.20221011
   peerDependencies:
     react: ^16.8.0 || ^17.0.0 || ^18.0.0
     react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
@@ -6914,7 +6914,7 @@ __metadata:
     global: ^4.4.0
     memoizerific: ^1.11.3
     prop-types: ^15.7.2
-    typescript: ~4.6.3
+    typescript: 4.9.0-dev.20221011
   peerDependencies:
     react: ^16.8.0 || ^17.0.0 || ^18.0.0
     react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
@@ -7026,7 +7026,7 @@ __metadata:
     ts-dedent: ^2.0.0
     ts-loader: ^9.2.8
     tsconfig-paths-webpack-plugin: ^3.5.2
-    typescript: ~4.6.3
+    typescript: 4.9.0-dev.20221011
     util-deprecate: ^1.0.2
     webpack: 5
   peerDependencies:
@@ -7078,7 +7078,7 @@ __metadata:
     store2: ^2.12.0
     telejson: ^6.0.8
     ts-dedent: ^2.0.0
-    typescript: ~4.6.3
+    typescript: 4.9.0-dev.20221011
     util-deprecate: ^1.0.2
   peerDependencies:
     react: ^16.8.0 || ^17.0.0 || ^18.0.0
@@ -7170,7 +7170,7 @@ __metadata:
     express: ^4.17.1
     fs-extra: ^9.0.1
     process: ^0.11.10
-    typescript: ~4.6.3
+    typescript: 4.9.0-dev.20221011
     util: ^0.12.4
   languageName: unknown
   linkType: soft
@@ -7197,7 +7197,7 @@ __metadata:
     glob-promise: ^4.2.0
     magic-string: ^0.26.1
     slash: ^3.0.0
-    typescript: ~4.6.3
+    typescript: 4.9.0-dev.20221011
     vite: ^3.1.3
   peerDependencies:
     "@storybook/mdx2-csf": ^0.0.3
@@ -7249,7 +7249,7 @@ __metadata:
     style-loader: ^3.3.1
     terser-webpack-plugin: ^5.3.1
     ts-dedent: ^2.0.0
-    typescript: ~4.6.3
+    typescript: 4.9.0-dev.20221011
     util: ^0.12.4
     util-deprecate: ^1.0.2
     webpack: 5
@@ -7275,7 +7275,7 @@ __metadata:
     global: ^4.4.0
     qs: ^6.10.0
     telejson: ^6.0.8
-    typescript: ~4.6.3
+    typescript: 4.9.0-dev.20221011
   languageName: unknown
   linkType: soft
 
@@ -7287,7 +7287,7 @@ __metadata:
     "@storybook/client-logger": 7.0.0-alpha.35
     global: ^4.4.0
     telejson: ^6.0.8
-    typescript: ~4.6.3
+    typescript: 4.9.0-dev.20221011
   languageName: unknown
   linkType: soft
 
@@ -7295,7 +7295,9 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@storybook/channels@workspace:lib/channels"
   dependencies:
-    typescript: ~4.6.3
+    ts-dedent: ^2.0.0
+    typescript: 4.9.0-dev.20221011
+    util-deprecate: ^1.0.2
   languageName: unknown
   linkType: soft
 
@@ -7325,6 +7327,7 @@ __metadata:
     "@storybook/telemetry": 7.0.0-alpha.35
     "@types/cross-spawn": ^6.0.2
     "@types/degit": ^2.8.3
+    "@types/invariant": ^2
     "@types/prompts": ^2.0.9
     "@types/puppeteer-core": ^2.1.0
     "@types/semver": ^7.3.4
@@ -7350,8 +7353,9 @@ __metadata:
     semver: ^7.3.7
     shelljs: ^0.8.5
     strip-json-comments: ^3.1.1
+    tiny-invariant: ^1.3.1
     ts-dedent: ^2.0.0
-    typescript: ~4.6.3
+    typescript: 4.9.0-dev.20221011
     update-notifier: ^5.0.1
   bin:
     getstorybook: ./bin/index.js
@@ -7374,7 +7378,7 @@ __metadata:
     qs: ^6.10.0
     synchronous-promise: ^2.0.15
     ts-dedent: ^2.0.0
-    typescript: ~4.6.3
+    typescript: 4.9.0-dev.20221011
     util-deprecate: ^1.0.2
   peerDependencies:
     react: ^16.8.0 || ^17.0.0 || ^18.0.0
@@ -7387,7 +7391,7 @@ __metadata:
   resolution: "@storybook/client-logger@workspace:lib/client-logger"
   dependencies:
     global: ^4.4.0
-    typescript: ~4.6.3
+    typescript: 4.9.0-dev.20221011
   languageName: unknown
   linkType: soft
 
@@ -7416,9 +7420,9 @@ __metadata:
     jest-specific-snapshot: ^4.0.0
     jscodeshift: ^0.13.1
     lodash: ^4.17.21
-    prettier: ">=2.2.1 <=2.3.0"
+    prettier: ^2.7.1
     recast: ^0.19.0
-    typescript: ~4.6.3
+    typescript: 4.9.0-dev.20221011
   languageName: unknown
   linkType: soft
 
@@ -7438,12 +7442,12 @@ __metadata:
     memoizerific: ^1.11.3
     overlayscrollbars: ^1.13.1
     polished: ^4.2.2
-    prettier: ">=2.2.1 <=2.3.0"
+    prettier: ^2.7.1
     react-popper-tooltip: ^3.1.1
     react-syntax-highlighter: ^15.4.5
     react-textarea-autosize: ^8.3.0
     ts-dedent: ^2.0.0
-    typescript: ~4.6.3
+    typescript: 4.9.0-dev.20221011
     util-deprecate: ^1.0.2
   peerDependencies:
     react: ^16.8.0 || ^17.0.0 || ^18.0.0
@@ -7467,7 +7471,7 @@ __metadata:
     "@storybook/ui": 7.0.0-alpha.35
     global: ^4.4.0
     regenerator-runtime: ^0.13.7
-    typescript: ~4.6.3
+    typescript: 4.9.0-dev.20221011
     util-deprecate: ^1.0.2
   peerDependenciesMeta:
     typescript:
@@ -7507,7 +7511,7 @@ __metadata:
     telejson: ^6.0.8
     ts-dedent: ^2.0.0
     type-fest: ^2.17.0
-    typescript: ~4.6.3
+    typescript: 4.9.0-dev.20221011
     util-deprecate: ^1.0.2
   peerDependencies:
     react: ^16.8.0 || ^17.0.0 || ^18.0.0
@@ -7522,7 +7526,7 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@storybook/core-events@workspace:lib/core-events"
   dependencies:
-    typescript: ~4.6.3
+    typescript: 4.9.0-dev.20221011
   languageName: unknown
   linkType: soft
 
@@ -7585,7 +7589,7 @@ __metadata:
     telejson: ^6.0.8
     ts-dedent: ^2.0.0
     ts-jest: ^26.4.4
-    typescript: ~4.6.3
+    typescript: 4.9.0-dev.20221011
     util-deprecate: ^1.0.2
     watchpack: ^2.2.0
     webpack: 5
@@ -7609,7 +7613,7 @@ __metadata:
     "@storybook/node-logger": 7.0.0-alpha.35
     "@types/node": ^14.0.10 || ^16.0.0
     ts-dedent: ^2.0.0
-    typescript: ~4.6.3
+    typescript: 4.9.0-dev.20221011
     webpack: 5
   languageName: unknown
   linkType: soft
@@ -7627,7 +7631,7 @@ __metadata:
     fs-extra: ^9.0.1
     js-yaml: ^3.14.1
     ts-dedent: ^2.0.0
-    typescript: ~4.6.3
+    typescript: 4.9.0-dev.20221011
   languageName: unknown
   linkType: soft
 
@@ -7681,7 +7685,7 @@ __metadata:
     jest-specific-snapshot: ^4.0.0
     lodash: ^4.17.21
     require-from-string: ^2.0.2
-    typescript: ~4.6.3
+    typescript: 4.9.0-dev.20221011
   languageName: unknown
   linkType: soft
 
@@ -7711,7 +7715,7 @@ __metadata:
     react-dom: 16.14.0
     read-pkg-up: ^7.0.1
     ts-dedent: ^2.0.0
-    typescript: ~4.6.3
+    typescript: 4.9.0-dev.20221011
   peerDependencies:
     "@babel/core": "*"
     "@types/ember__component": 4.0.8
@@ -7753,7 +7757,7 @@ __metadata:
     react: 16.14.0
     react-dom: 16.14.0
     sb: 7.0.0-alpha.35
-    typescript: ~4.6.3
+    typescript: 4.9.0-dev.20221011
     webpack: 5
   languageName: unknown
   linkType: soft
@@ -7797,7 +7801,7 @@ __metadata:
     react: 16.14.0
     react-dom: 16.14.0
     storybook: 7.0.0-alpha.35
-    typescript: ~4.6.3
+    typescript: 4.9.0-dev.20221011
     webpack: 5
   languageName: unknown
   linkType: soft
@@ -7814,7 +7818,7 @@ __metadata:
     global: ^4.4.0
     react: 16.14.0
     react-dom: 16.14.0
-    typescript: ~4.6.3
+    typescript: 4.9.0-dev.20221011
   peerDependencies:
     "@babel/core": "*"
   languageName: unknown
@@ -7834,7 +7838,7 @@ __metadata:
     react: 16.14.0
     react-dom: 16.14.0
     ts-dedent: ^2.0.0
-    typescript: ~4.6.3
+    typescript: 4.9.0-dev.20221011
   peerDependencies:
     "@babel/core": "*"
   languageName: unknown
@@ -7849,7 +7853,7 @@ __metadata:
     "@storybook/core-events": 7.0.0-alpha.35
     core-js: ^3.8.2
     global: ^4.4.0
-    typescript: ~4.6.3
+    typescript: 4.9.0-dev.20221011
   languageName: unknown
   linkType: soft
 
@@ -7967,7 +7971,7 @@ __metadata:
     chalk: ^4.1.0
     npmlog: ^5.0.1
     pretty-hrtime: ^1.0.3
-    typescript: ~4.6.3
+    typescript: 4.9.0-dev.20221011
   languageName: unknown
   linkType: soft
 
@@ -7978,7 +7982,7 @@ __metadata:
     jest: ^26.6.3
     jest-specific-snapshot: ^4.0.0
     jscodeshift: ^0.13.1
-    typescript: ~4.6.3
+    typescript: 4.9.0-dev.20221011
   languageName: unknown
   linkType: soft
 
@@ -7994,7 +7998,7 @@ __metadata:
     preact: ^10.5.13
     react: 16.14.0
     react-dom: 16.14.0
-    typescript: ~4.6.3
+    typescript: 4.9.0-dev.20221011
   peerDependencies:
     "@babel/core": "*"
     preact: ^8.0.0||^10.0.0
@@ -8014,7 +8018,7 @@ __metadata:
     react: 16.14.0
     react-dom: 16.14.0
     ts-dedent: ^2.0.0
-    typescript: ~4.6.3
+    typescript: 4.9.0-dev.20221011
   peerDependencies:
     preact: ^8.0.0||^10.0.0
   languageName: unknown
@@ -8029,7 +8033,7 @@ __metadata:
     html-loader: ^3.1.0
     react: 16.14.0
     react-dom: 16.14.0
-    typescript: ~4.6.3
+    typescript: 4.9.0-dev.20221011
     webpack: 5
   peerDependencies:
     "@babel/core": "*"
@@ -8046,7 +8050,7 @@ __metadata:
     preact: ^10.5.13
     react: 16.14.0
     react-dom: 16.14.0
-    typescript: ~4.6.3
+    typescript: 4.9.0-dev.20221011
   peerDependencies:
     "@babel/core": "*"
     preact: ^8.0.0||^10.0.0
@@ -8073,7 +8077,7 @@ __metadata:
     fs-extra: ^9.0.1
     react-refresh: ^0.11.0
     semver: ^7.3.7
-    typescript: ~4.6.3
+    typescript: 4.9.0-dev.20221011
   peerDependencies:
     "@babel/core": ^7.11.5
     jest-specific-snapshot: ^4.0.0
@@ -8104,7 +8108,7 @@ __metadata:
     react-dom: 16.14.0
     safe-identifier: ^0.4.1
     ts-dedent: ^2.0.0
-    typescript: ~4.6.3
+    typescript: 4.9.0-dev.20221011
     yaml: ^1.10.0
     yaml-loader: ^0.8.0
   languageName: unknown
@@ -8122,7 +8126,7 @@ __metadata:
     svelte-loader: ^3.1.2
     sveltedoc-parser: ^4.2.1
     ts-dedent: ^2.0.0
-    typescript: ~4.6.3
+    typescript: 4.9.0-dev.20221011
   peerDependencies:
     "@babel/core": "*"
     svelte: ^3.1.0
@@ -8140,7 +8144,7 @@ __metadata:
     react: 16.14.0
     react-dom: 16.14.0
     ts-loader: ^9.2.8
-    typescript: ~4.6.3
+    typescript: 4.9.0-dev.20221011
     vue: ^2.6.12
     vue-docgen-api: ^4.44.23
     vue-docgen-loader: ^1.5.1
@@ -8168,7 +8172,7 @@ __metadata:
     react: 16.14.0
     react-dom: 16.14.0
     ts-loader: ^9.2.8
-    typescript: ~4.6.3
+    typescript: 4.9.0-dev.20221011
     vue: ^3.2.33
     vue-docgen-api: ^4.46.0
     vue-docgen-loader: ^1.5.1
@@ -8196,7 +8200,7 @@ __metadata:
     lit-html: 2.0.2
     react: 16.14.0
     react-dom: 16.14.0
-    typescript: ~4.6.3
+    typescript: 4.9.0-dev.20221011
   peerDependencies:
     lit-html: ^1.4.1 || ^2.0.0
   languageName: unknown
@@ -8221,7 +8225,7 @@ __metadata:
     synchronous-promise: ^2.0.15
     ts-dedent: ^2.0.0
     ts-jest: ^28.0.8
-    typescript: ~4.6.3
+    typescript: 4.9.0-dev.20221011
     util-deprecate: ^1.0.2
   languageName: unknown
   linkType: soft
@@ -8262,7 +8266,7 @@ __metadata:
     ast-types: ^0.14.2
     magic-string: ^0.26.1
     react-docgen: ^6.0.0-alpha.3
-    typescript: ~4.6.3
+    typescript: 4.9.0-dev.20221011
     vite: ^3.1.3
   peerDependencies:
     react: ^16.8.0 || ^17.0.0 || ^18.0.0
@@ -8279,7 +8283,7 @@ __metadata:
     "@storybook/react": 7.0.0-alpha.35
     "@types/node": ^14.14.20 || ^16.0.0
     jest-specific-snapshot: ^4.0.0
-    typescript: ~4.6.3
+    typescript: 4.9.0-dev.20221011
   peerDependencies:
     "@babel/core": ^7.11.5
     react: ^16.8.0 || ^17.0.0 || ^18.0.0
@@ -8321,7 +8325,7 @@ __metadata:
     require-from-string: ^2.0.2
     ts-dedent: ^2.0.0
     type-fest: ^2.19.0
-    typescript: ~4.6.3
+    typescript: 4.9.0-dev.20221011
     util-deprecate: ^1.0.2
   peerDependencies:
     react: ^16.8.0 || ^17.0.0 || ^18.0.0
@@ -8526,7 +8530,7 @@ __metadata:
     p-limit: ^3.1.0
     playwright: 1.27.0
     postcss-loader: ^6.2.1
-    prettier: 2.7.1
+    prettier: ^2.7.1
     process: ^0.11.10
     prompts: ^2.4.0
     puppeteer: ^2.1.1
@@ -8549,7 +8553,7 @@ __metadata:
     ts-loader: ^9.2.8
     ts-node: ^10.4.0
     tsup: ^6.2.2
-    typescript: 4.7.4
+    typescript: 4.9.0-dev.20221011
     util: ^0.12.4
     verdaccio: ^4.10.0
     verdaccio-auth-memory: ^9.7.2
@@ -8601,7 +8605,7 @@ __metadata:
     react-router-dom: 6.0.2
     ts-dedent: ^2.0.0
     ts-node: ^10.4.0
-    typescript: ~4.6.3
+    typescript: 4.9.0-dev.20221011
   peerDependencies:
     react: ^16.8.0 || ^17.0.0 || ^18.0.0
     react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
@@ -8647,7 +8651,7 @@ __metadata:
     "@types/node": ^14.14.20 || ^16.0.0
     react: 16.14.0
     react-dom: 16.14.0
-    typescript: ~4.6.3
+    typescript: 4.9.0-dev.20221011
   languageName: unknown
   linkType: soft
 
@@ -8664,7 +8668,7 @@ __metadata:
     react: 16.14.0
     react-dom: 16.14.0
     ts-dedent: ^2.0.0
-    typescript: ~4.6.3
+    typescript: 4.9.0-dev.20221011
   languageName: unknown
   linkType: soft
 
@@ -8676,8 +8680,8 @@ __metadata:
     estraverse: ^5.2.0
     jest-specific-snapshot: ^4.0.0
     lodash: ^4.17.21
-    prettier: ">=2.2.1 <=2.3.0"
-    typescript: ~4.6.3
+    prettier: ^2.7.1
+    typescript: 4.9.0-dev.20221011
   peerDependencies:
     react: ^16.8.0 || ^17.0.0 || ^18.0.0
     react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
@@ -8699,7 +8703,7 @@ __metadata:
     slash: ^3.0.0
     synchronous-promise: ^2.0.15
     ts-dedent: ^2.0.0
-    typescript: ~4.6.3
+    typescript: 4.9.0-dev.20221011
     util-deprecate: ^1.0.2
   peerDependencies:
     react: ^16.8.0 || ^17.0.0 || ^18.0.0
@@ -8725,7 +8729,7 @@ __metadata:
     magic-string: ^0.26.1
     svelte: ^3.0.0
     sveltedoc-parser: ^4.2.1
-    typescript: ~4.6.3
+    typescript: 4.9.0-dev.20221011
     vite: ^3.1.3
   peerDependencies:
     "@storybook/addon-svelte-csf": ^2.0.0
@@ -8747,7 +8751,7 @@ __metadata:
     react-dom: 16.14.0
     svelte: ^3.48.0
     svelte-loader: ^3.1.2
-    typescript: ~4.6.3
+    typescript: 4.9.0-dev.20221011
   peerDependencies:
     "@babel/core": "*"
     svelte: ^3.48.0
@@ -8770,7 +8774,7 @@ __metadata:
     react-dom: 16.14.0
     svelte: ^3.31.2
     sveltedoc-parser: ^4.2.1
-    typescript: ~4.6.3
+    typescript: 4.9.0-dev.20221011
   peerDependencies:
     "@babel/core": "*"
     svelte: ^3.1.0
@@ -8790,7 +8794,7 @@ __metadata:
     isomorphic-unfetch: ^3.1.0
     nanoid: ^3.3.1
     read-pkg-up: ^7.0.1
-    typescript: ~4.6.3
+    typescript: 4.9.0-dev.20221011
   languageName: unknown
   linkType: soft
 
@@ -8825,7 +8829,7 @@ __metadata:
     memoizerific: ^1.11.3
     polished: ^4.2.2
     ts-dedent: ^2.0.0
-    typescript: ~4.6.3
+    typescript: 4.9.0-dev.20221011
   peerDependencies:
     react: ^16.8.0 || ^17.0.0 || ^18.0.0
     react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
@@ -8886,7 +8890,7 @@ __metadata:
     shelljs: ^0.8.5
     store2: ^2.12.0
     ts-dedent: ^2.0.0
-    typescript: ~4.6.3
+    typescript: 4.9.0-dev.20221011
   languageName: unknown
   linkType: soft
 
@@ -8904,7 +8908,7 @@ __metadata:
     "@storybook/preview-web": 7.0.0-alpha.35
     "@storybook/vue": 7.0.0-alpha.35
     magic-string: ^0.26.1
-    typescript: ~4.6.3
+    typescript: 4.9.0-dev.20221011
     vite: ^3.1.3
     vue: ^2.7.10
     vue-docgen-api: ^4.40.0
@@ -8924,7 +8928,7 @@ __metadata:
     "@types/node": ^14.14.20 || ^16.0.0
     react: 16.14.0
     react-dom: 16.14.0
-    typescript: ~4.6.3
+    typescript: 4.9.0-dev.20221011
     vue: ^2.6.12
     vue-loader: ^15.7.0
     vue-template-compiler: ^2.6.14
@@ -8953,7 +8957,7 @@ __metadata:
     "@types/node": ^14.14.20 || ^16.0.0
     "@vitejs/plugin-vue": ^3.0.0
     magic-string: ^0.26.1
-    typescript: ~4.6.3
+    typescript: 4.9.0-dev.20221011
     vite: ^3.1.3
     vue-docgen-api: ^4.40.0
   languageName: unknown
@@ -8971,7 +8975,7 @@ __metadata:
     "@vue/compiler-sfc": 3.0.0
     react: 16.14.0
     react-dom: 16.14.0
-    typescript: ~4.6.3
+    typescript: 4.9.0-dev.20221011
     vue: 3.0.0
   peerDependencies:
     "@babel/core": "*"
@@ -8995,7 +8999,7 @@ __metadata:
     react: 16.14.0
     react-dom: 16.14.0
     ts-dedent: ^2.0.0
-    typescript: ~4.6.3
+    typescript: 4.9.0-dev.20221011
     vue: ^3.0.0
   peerDependencies:
     "@babel/core": "*"
@@ -9018,7 +9022,7 @@ __metadata:
     react: 16.14.0
     react-dom: 16.14.0
     ts-dedent: ^2.0.0
-    typescript: ~4.6.3
+    typescript: 4.9.0-dev.20221011
     vue: ^2.6.12
   peerDependencies:
     "@babel/core": "*"
@@ -9044,7 +9048,7 @@ __metadata:
     "@types/node": ^14.14.20 || ^16.0.0
     "@vitejs/plugin-vue": ^3.0.3
     magic-string: ^0.26.1
-    typescript: ~4.6.3
+    typescript: 4.9.0-dev.20221011
     vite: ^3.1.0
   languageName: unknown
   linkType: soft
@@ -9062,7 +9066,7 @@ __metadata:
     lit-html: 2.0.2
     react: 16.14.0
     react-dom: 16.14.0
-    typescript: ~4.6.3
+    typescript: 4.9.0-dev.20221011
   peerDependencies:
     lit-html: ^1.4.1 || ^2.0.0
   languageName: unknown
@@ -9086,7 +9090,7 @@ __metadata:
     react: 16.14.0
     react-dom: 16.14.0
     ts-dedent: ^2.0.0
-    typescript: ~4.6.3
+    typescript: 4.9.0-dev.20221011
   peerDependencies:
     lit-html: ^1.4.1 || ^2.0.0
   languageName: unknown
@@ -9690,6 +9694,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/invariant@npm:^2":
+  version: 2.2.35
+  resolution: "@types/invariant@npm:2.2.35"
+  checksum: cbdf03922a4bcfe83d5cadab3b3981beb39e745d1ee69d5a06c310dd1adca06c8a1c4e564e824a412aed1f96aa820f15671dc83c22f57b38b873f509f2faf038
+  languageName: node
+  linkType: hard
+
 "@types/ip@npm:^1.1.0":
   version: 1.1.0
   resolution: "@types/ip@npm:1.1.0"
@@ -11686,7 +11697,7 @@ __metadata:
     telejson: ^6.0.8
     ts-jest: ^26.4.4
     ts-node: ^10.4.0
-    typescript: ~4.6.3
+    typescript: 4.9.0-dev.20221011
     zone.js: ~0.11.4
   languageName: unknown
   linkType: soft
@@ -33176,21 +33187,21 @@ __metadata:
   languageName: node
   linkType: hard
 
-"prettier@npm:2.7.1, prettier@npm:^1.18.2 || ^2.0.0":
-  version: 2.7.1
-  resolution: "prettier@npm:2.7.1"
+"prettier@npm:>=2.2.1 <=2.3.0":
+  version: 2.3.0
+  resolution: "prettier@npm:2.3.0"
   bin:
     prettier: bin-prettier.js
-  checksum: 359d2b7ecf36bd52924a48331cae506d335f18637fde6c686212f952b9ce678ce9f554a80571049b36ec2897a8a6c40094b776dea371cc5c04c481cf5b78504b
+  checksum: b9f434af2f25a37aad0b133894827e980885eb8bf317444c9dde0401ed2c7f463f9996d691f5ee5a0a4450ab46a894cd6557516b561e2522821522ce1f4c6668
   languageName: node
   linkType: hard
 
-"prettier@npm:>=2.2.1 <=2.3.0":
-  version: 2.3.0
-  resolution: "prettier@npm:2.3.0"
+"prettier@npm:^1.18.2 || ^2.0.0, prettier@npm:^2.7.1":
+  version: 2.7.1
+  resolution: "prettier@npm:2.7.1"
   bin:
     prettier: bin-prettier.js
-  checksum: b9f434af2f25a37aad0b133894827e980885eb8bf317444c9dde0401ed2c7f463f9996d691f5ee5a0a4450ab46a894cd6557516b561e2522821522ce1f4c6668
+  checksum: 359d2b7ecf36bd52924a48331cae506d335f18637fde6c686212f952b9ce678ce9f554a80571049b36ec2897a8a6c40094b776dea371cc5c04c481cf5b78504b
   languageName: node
   linkType: hard
 
@@ -36330,7 +36341,7 @@ __metadata:
   resolution: "sb@workspace:lib/cli-sb"
   dependencies:
     "@storybook/cli": 7.0.0-alpha.35
-    typescript: ~4.6.3
+    typescript: 4.9.0-dev.20221011
   bin:
     sb: ./index.js
   languageName: unknown
@@ -37710,7 +37721,7 @@ __metadata:
   resolution: "storybook@workspace:lib/cli-storybook"
   dependencies:
     "@storybook/cli": 7.0.0-alpha.35
-    typescript: ~4.6.3
+    typescript: 4.9.0-dev.20221011
   bin:
     sb: ./index.js
     storybook: ./index.js
@@ -39014,6 +39025,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"tiny-invariant@npm:^1.3.1":
+  version: 1.3.1
+  resolution: "tiny-invariant@npm:1.3.1"
+  checksum: 5b87c1d52847d9452b60d0dcb77011b459044e0361ca8253bfe7b43d6288106e12af926adb709a6fc28900e3864349b91dad9a4ac93c39aa15f360b26c2ff4db
+  languageName: node
+  linkType: hard
+
 "tiny-lr@npm:^2.0.0":
   version: 2.0.0
   resolution: "tiny-lr@npm:2.0.0"
@@ -39842,23 +39860,23 @@ __metadata:
   languageName: node
   linkType: hard
 
-"typescript@npm:~4.6.3":
-  version: 4.6.4
-  resolution: "typescript@npm:4.6.4"
+"typescript@npm:4.9.0-dev.20221011":
+  version: 4.9.0-dev.20221011
+  resolution: "typescript@npm:4.9.0-dev.20221011"
   bin:
     tsc: bin/tsc
     tsserver: bin/tsserver
-  checksum: 92e2c0328485a4f7bd7435f5b105f03addff32f867e241dc3be8c372ed801a138c732d9a55697696d2f82a80dd6ad4bddff1ad6b0d1884bf4a24b92e71094c44
+  checksum: 985b213ccb9688eb2c3514567506c869c91d3d23e10ef1e9899f3a817291270fa6a87448436f1b31bd280d62d58b95ece2eccc784479f8f299c476c7cf754028
   languageName: node
   linkType: hard
 
-"typescript@patch:typescript@npm%3A~4.6.3#~builtin<compat/typescript>":
-  version: 4.6.4
-  resolution: "typescript@patch:typescript@npm%3A4.6.4#~builtin<compat/typescript>::version=4.6.4&hash=a1c5e5"
+"typescript@patch:typescript@npm%3A4.9.0-dev.20221011#~builtin<compat/typescript>":
+  version: 4.9.0-dev.20221011
+  resolution: "typescript@patch:typescript@npm%3A4.9.0-dev.20221011#~builtin<compat/typescript>::version=4.9.0-dev.20221011&hash=a1c5e5"
   bin:
     tsc: bin/tsc
     tsserver: bin/tsserver
-  checksum: 0e3fa814d454942a689daf4c00f82328d323e7ecd4077e3265d45375e64642611631f4c882a71be87774468ba03793e9b8ff4bccfac3018194a9e36d8f72c251
+  checksum: fcd0f1069bb5ab06c7b666d6619ef0904496bd000230c3e8ddb397ec01f6a39168d2d6cfc181fb746307cfce49f1412d64f5abdae944d13ef56b9683c623edd9
   languageName: node
   linkType: hard
 
diff --git a/scripts/package.json b/scripts/package.json
index b04debc8b93f..f819ba766130 100644
--- a/scripts/package.json
+++ b/scripts/package.json
@@ -3,13 +3,13 @@
   "version": "7.0.0-alpha.16",
   "private": true,
   "scripts": {
+    "get-template": "ts-node ./get-template.ts",
     "lint": "yarn lint:js && yarn lint:md",
     "lint:js": "yarn lint:js:cmd .  --quiet",
     "lint:js:cmd": "cross-env NODE_ENV=production eslint --cache --cache-location=../.cache/eslint --ext .js,.jsx,.json,.html,.ts,.tsx,.mjs --report-unused-disable-directives",
     "lint:package": "sort-package-json",
-    "get-template": "ts-node ./get-template.ts",
-    "test": "jest --config ./jest.config.js",
-    "task": "ts-node ./task.ts"
+    "task": "ts-node ./task.ts",
+    "test": "jest --config ./jest.config.js"
   },
   "husky": {
     "hooks": {
@@ -33,7 +33,7 @@
     "esbuild": "^0.14.48",
     "eslint": "^7.17.0",
     "serialize-javascript": "^3.1.0",
-    "typescript": "~4.6.3"
+    "typescript": "4.9.0-dev.20221011"
   },
   "dependencies": {
     "@babel/cli": "^7.17.6",
@@ -147,7 +147,7 @@
     "npmlog": "^5.0.1",
     "nx": "14.6.1",
     "p-limit": "^3.1.0",
-    "prettier": ">=2.2.1 <=2.3.0",
+    "prettier": "^2.7.1",
     "pretty-hrtime": "^1.0.0",
     "process": "^0.11.10",
     "prompts": "^2.4.0",
@@ -171,7 +171,7 @@
     "ts-jest": "^26.4.4",
     "ts-node": "^10.4.0",
     "tsup": "^6.2.2",
-    "typescript": "~4.6.3",
+    "typescript": "4.9.0-dev.20221011",
     "util": "^0.12.4",
     "wait-on": "^5.2.1",
     "window-size": "^1.1.1",
diff --git a/scripts/yarn.lock b/scripts/yarn.lock
index e21f930fb21a..a68bb2f78531 100644
--- a/scripts/yarn.lock
+++ b/scripts/yarn.lock
@@ -3434,7 +3434,7 @@ __metadata:
     npmlog: ^5.0.1
     nx: 14.6.1
     p-limit: ^3.1.0
-    prettier: ">=2.2.1 <=2.3.0"
+    prettier: ^2.7.1
     pretty-hrtime: ^1.0.0
     process: ^0.11.10
     prompts: ^2.4.0
@@ -3460,7 +3460,7 @@ __metadata:
     ts-loader: ^9.2.8
     ts-node: ^10.4.0
     tsup: ^6.2.2
-    typescript: ~4.6.3
+    typescript: 4.9.0-dev.20221011
     util: ^0.12.4
     verdaccio: ^4.10.0
     verdaccio-auth-memory: ^9.7.2
@@ -15736,12 +15736,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"prettier@npm:>=2.2.1 <=2.3.0":
-  version: 2.3.0
-  resolution: "prettier@npm:2.3.0"
+"prettier@npm:^2.7.1":
+  version: 2.7.1
+  resolution: "prettier@npm:2.7.1"
   bin:
     prettier: bin-prettier.js
-  checksum: b9f434af2f25a37aad0b133894827e980885eb8bf317444c9dde0401ed2c7f463f9996d691f5ee5a0a4450ab46a894cd6557516b561e2522821522ce1f4c6668
+  checksum: 359d2b7ecf36bd52924a48331cae506d335f18637fde6c686212f952b9ce678ce9f554a80571049b36ec2897a8a6c40094b776dea371cc5c04c481cf5b78504b
   languageName: node
   linkType: hard
 
@@ -19088,23 +19088,23 @@ __metadata:
   languageName: node
   linkType: hard
 
-"typescript@npm:~4.6.3":
-  version: 4.6.4
-  resolution: "typescript@npm:4.6.4"
+"typescript@npm:4.9.0-dev.20221011":
+  version: 4.9.0-dev.20221011
+  resolution: "typescript@npm:4.9.0-dev.20221011"
   bin:
     tsc: bin/tsc
     tsserver: bin/tsserver
-  checksum: 92e2c0328485a4f7bd7435f5b105f03addff32f867e241dc3be8c372ed801a138c732d9a55697696d2f82a80dd6ad4bddff1ad6b0d1884bf4a24b92e71094c44
+  checksum: 985b213ccb9688eb2c3514567506c869c91d3d23e10ef1e9899f3a817291270fa6a87448436f1b31bd280d62d58b95ece2eccc784479f8f299c476c7cf754028
   languageName: node
   linkType: hard
 
-"typescript@patch:typescript@npm%3A~4.6.3#~builtin<compat/typescript>":
-  version: 4.6.4
-  resolution: "typescript@patch:typescript@npm%3A4.6.4#~builtin<compat/typescript>::version=4.6.4&hash=a1c5e5"
+"typescript@patch:typescript@npm%3A4.9.0-dev.20221011#~builtin<compat/typescript>":
+  version: 4.9.0-dev.20221011
+  resolution: "typescript@patch:typescript@npm%3A4.9.0-dev.20221011#~builtin<compat/typescript>::version=4.9.0-dev.20221011&hash=a1c5e5"
   bin:
     tsc: bin/tsc
     tsserver: bin/tsserver
-  checksum: 0e3fa814d454942a689daf4c00f82328d323e7ecd4077e3265d45375e64642611631f4c882a71be87774468ba03793e9b8ff4bccfac3018194a9e36d8f72c251
+  checksum: fcd0f1069bb5ab06c7b666d6619ef0904496bd000230c3e8ddb397ec01f6a39168d2d6cfc181fb746307cfce49f1412d64f5abdae944d13ef56b9683c623edd9
   languageName: node
   linkType: hard
 

From 438f04e6d4633296eec55c1001343b44434c98a2 Mon Sep 17 00:00:00 2001
From: Kasper Peulen <kasperpeulen@gmail.com>
Date: Wed, 12 Oct 2022 20:47:56 +0200
Subject: [PATCH 2/2] address review

---
 .../react/ts-legacy/Button.stories.tsx        |  2 +-
 .../react/ts/Button.stories.tsx               | 22 +++++--------------
 .../react/ts/Header.stories.tsx               | 12 +++-------
 .../rendererAssets/react/ts/Page.stories.tsx  | 12 +++-------
 code/yarn.lock                                |  2 --
 5 files changed, 13 insertions(+), 37 deletions(-)

diff --git a/code/lib/cli/rendererAssets/react/ts-legacy/Button.stories.tsx b/code/lib/cli/rendererAssets/react/ts-legacy/Button.stories.tsx
index 381d89678c93..d7708e5704db 100644
--- a/code/lib/cli/rendererAssets/react/ts-legacy/Button.stories.tsx
+++ b/code/lib/cli/rendererAssets/react/ts-legacy/Button.stories.tsx
@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { Button } from './Button';
 
-// More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
+// More on meta: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 const meta: Meta<typeof Button> = {
   title: 'Example/Button',
   component: Button,
diff --git a/code/lib/cli/rendererAssets/react/ts/Button.stories.tsx b/code/lib/cli/rendererAssets/react/ts/Button.stories.tsx
index fd3cb062d7bf..660501fdc421 100644
--- a/code/lib/cli/rendererAssets/react/ts/Button.stories.tsx
+++ b/code/lib/cli/rendererAssets/react/ts/Button.stories.tsx
@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { Button } from './Button';
 
-// More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
+// More on meta: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 const meta = {
   title: 'Example/Button',
   component: Button,
@@ -9,9 +9,7 @@ const meta = {
   argTypes: {
     backgroundColor: { control: 'color' },
   },
-};
-satisfies;
-Meta<typeof Button>;
+} satisfies Meta<typeof Button>;
 
 export default meta;
 type Story = StoryObj<typeof meta>;
@@ -22,32 +20,24 @@ export const Primary = {
     primary: true,
     label: 'Button',
   },
-};
-satisfies;
-Story;
+} satisfies Story;
 
 export const Secondary = {
   args: {
     label: 'Button',
   },
-};
-satisfies;
-Story;
+} satisfies Story;
 
 export const Large = {
   args: {
     size: 'large',
     label: 'Button',
   },
-};
-satisfies;
-Story;
+} satisfies Story;
 
 export const Small = {
   args: {
     size: 'small',
     label: 'Button',
   },
-};
-satisfies;
-Story;
+} satisfies Story;
diff --git a/code/lib/cli/rendererAssets/react/ts/Header.stories.tsx b/code/lib/cli/rendererAssets/react/ts/Header.stories.tsx
index fdf6fbee4d4d..cd8343c6a52a 100644
--- a/code/lib/cli/rendererAssets/react/ts/Header.stories.tsx
+++ b/code/lib/cli/rendererAssets/react/ts/Header.stories.tsx
@@ -9,9 +9,7 @@ const meta = {
     // More on Story layout: https://storybook.js.org/docs/react/configure/story-layout
     layout: 'fullscreen',
   },
-};
-satisfies;
-Meta<typeof Header>;
+} satisfies Meta<typeof Header>;
 
 export default meta;
 type Story = StoryObj<typeof meta>;
@@ -20,10 +18,6 @@ export const LoggedIn = {
   args: {
     user: { name: 'Jane Doe' },
   },
-};
-satisfies;
-Story;
+} satisfies Story;
 
-export const LoggedOut = {};
-satisfies;
-Story;
+export const LoggedOut = {} satisfies Story;
diff --git a/code/lib/cli/rendererAssets/react/ts/Page.stories.tsx b/code/lib/cli/rendererAssets/react/ts/Page.stories.tsx
index 6915355dc114..a735a5cc9ab7 100644
--- a/code/lib/cli/rendererAssets/react/ts/Page.stories.tsx
+++ b/code/lib/cli/rendererAssets/react/ts/Page.stories.tsx
@@ -11,16 +11,12 @@ const meta = {
     // More on Story layout: https://storybook.js.org/docs/react/configure/story-layout
     layout: 'fullscreen',
   },
-};
-satisfies;
-Meta<typeof Page>;
+} satisfies Meta<typeof Page>;
 
 export default meta;
 type Story = StoryObj<typeof meta>;
 
-export const LoggedOut = {};
-satisfies;
-Story;
+export const LoggedOut = {} satisfies Story;
 
 export const LoggedIn = {
   // More on interaction testing: https://storybook.js.org/docs/react/writing-tests/interaction-testing
@@ -29,6 +25,4 @@ export const LoggedIn = {
     const loginButton = await canvas.getByRole('button', { name: /Log in/i });
     await userEvent.click(loginButton);
   },
-};
-satisfies;
-Story;
+} satisfies Story;
diff --git a/code/yarn.lock b/code/yarn.lock
index aa71f7e3a20f..a222e8ca0926 100644
--- a/code/yarn.lock
+++ b/code/yarn.lock
@@ -7295,9 +7295,7 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@storybook/channels@workspace:lib/channels"
   dependencies:
-    ts-dedent: ^2.0.0
     typescript: 4.9.0-dev.20221011
-    util-deprecate: ^1.0.2
   languageName: unknown
   linkType: soft