diff --git a/invokeai/frontend/web/.gitignore b/invokeai/frontend/web/.gitignore
index 8e7ebc76a1..3e8a372bc7 100644
--- a/invokeai/frontend/web/.gitignore
+++ b/invokeai/frontend/web/.gitignore
@@ -41,3 +41,6 @@ stats.html
 # Yalc
 .yalc
 yalc.lock
+
+# vitest
+tsconfig.vitest-temp.json
\ No newline at end of file
diff --git a/invokeai/frontend/web/package.json b/invokeai/frontend/web/package.json
index b2838e538c..cea13350d2 100644
--- a/invokeai/frontend/web/package.json
+++ b/invokeai/frontend/web/package.json
@@ -154,6 +154,7 @@
     "rollup-plugin-visualizer": "^5.12.0",
     "storybook": "^7.6.10",
     "ts-toolbelt": "^9.6.0",
+    "tsafe": "^1.6.6",
     "typescript": "^5.3.3",
     "vite": "^5.0.12",
     "vite-plugin-css-injected-by-js": "^3.3.1",
diff --git a/invokeai/frontend/web/pnpm-lock.yaml b/invokeai/frontend/web/pnpm-lock.yaml
index f3bf68cf1d..0ec2e47a0c 100644
--- a/invokeai/frontend/web/pnpm-lock.yaml
+++ b/invokeai/frontend/web/pnpm-lock.yaml
@@ -300,6 +300,9 @@ devDependencies:
   ts-toolbelt:
     specifier: ^9.6.0
     version: 9.6.0
+  tsafe:
+    specifier: ^1.6.6
+    version: 1.6.6
   typescript:
     specifier: ^5.3.3
     version: 5.3.3
@@ -13505,6 +13508,10 @@ packages:
     resolution: {integrity: sha512-nsZd8ZeNUzukXPlJmTBwUAuABDe/9qtVDelJeT/qW0ow3ZS3BsQJtNkan1802aM9Uf68/Y8ljw86Hu0h5IUW3w==}
     dev: true
 
+  /tsafe@1.6.6:
+    resolution: {integrity: sha512-gzkapsdbMNwBnTIjgO758GujLCj031IgHK/PKr2mrmkCSJMhSOR5FeOuSxKLMUoYc0vAA4RGEYYbjt/v6afD3g==}
+    dev: true
+
   /tsconfck@3.0.1(typescript@5.3.3):
     resolution: {integrity: sha512-7ppiBlF3UEddCLeI1JRx5m2Ryq+xk4JrZuq4EuYXykipebaq1dV0Fhgr1hb7CkmHt32QSgOZlcqVLEtHBG4/mg==}
     engines: {node: ^18 || >=20}
diff --git a/invokeai/frontend/web/vite.config.mts b/invokeai/frontend/web/vite.config.mts
index 325c6467de..f4dbae7123 100644
--- a/invokeai/frontend/web/vite.config.mts
+++ b/invokeai/frontend/web/vite.config.mts
@@ -84,7 +84,10 @@ export default defineConfig(({ mode }) => {
       },
     },
     test: {
-      //
+      typecheck: {
+        enabled: true,
+        ignoreSourceErrors: true,
+      },
     },
   };
 });