diff --git a/storybook/package.json b/storybook/package.json
index d7cb2bda98..b256fcaf33 100644
--- a/storybook/package.json
+++ b/storybook/package.json
@@ -26,7 +26,8 @@
     "@storybook/node-logger": "^6.5.9",
     "@storybook/react": "^6.5.9",
     "@storybook/testing-library": "^0.0.13",
-    "storybook-dark-mode": "^1.1.0"
+    "storybook-dark-mode": "^1.1.0",
+    "typescript": "~4.7.0"
   },
   "resolutions": {
     "webpack": "^5.73.0"
diff --git a/storybook/yarn.lock b/storybook/yarn.lock
index d1b064f48c..4bb4a0a098 100644
--- a/storybook/yarn.lock
+++ b/storybook/yarn.lock
@@ -10662,6 +10662,7 @@ __metadata:
     react-hot-loader: ^4.13.0
     storybook-dark-mode: ^1.1.0
     swc-loader: ^0.2.3
+    typescript: ~4.7.0
   peerDependencies:
     "@backstage/core-app-api": "*"
     "@backstage/core-plugin-api": "*"
@@ -11192,6 +11193,26 @@ __metadata:
   languageName: node
   linkType: hard
 
+"typescript@npm:~4.7.0":
+  version: 4.7.4
+  resolution: "typescript@npm:4.7.4"
+  bin:
+    tsc: bin/tsc
+    tsserver: bin/tsserver
+  checksum: 5750181b1cd7e6482c4195825547e70f944114fb47e58e4aa7553e62f11b3f3173766aef9c281783edfd881f7b8299cf35e3ca8caebe73d8464528c907a164df
+  languageName: node
+  linkType: hard
+
+"typescript@patch:typescript@~4.7.0#~builtin<compat/typescript>":
+  version: 4.7.4
+  resolution: "typescript@patch:typescript@npm%3A4.7.4#~builtin<compat/typescript>::version=4.7.4&hash=a1c5e5"
+  bin:
+    tsc: bin/tsc
+    tsserver: bin/tsserver
+  checksum: 9096d8f6c16cb80ef3bf96fcbbd055bf1c4a43bd14f3b7be45a9fbe7ada46ec977f604d5feed3263b4f2aa7d4c7477ce5f9cd87de0d6feedec69a983f3a4f93e
+  languageName: node
+  linkType: hard
+
 "uglify-js@npm:^3.1.4":
   version: 3.17.0
   resolution: "uglify-js@npm:3.17.0"