diff --git a/packages/bento-design-system/.storybook/main.ts b/packages/bento-design-system/.storybook/main.ts
index f5d5c2486..0617f1e33 100644
--- a/packages/bento-design-system/.storybook/main.ts
+++ b/packages/bento-design-system/.storybook/main.ts
@@ -1,8 +1,7 @@
 import { vanillaExtractPlugin } from "@vanilla-extract/vite-plugin";
-// @ts-expect-error
-import * as path from "path";
 import type { StorybookConfig } from "@storybook/react-vite";
 import { mergeConfig } from "vite";
+import react from "@vitejs/plugin-react";
 
 const config: StorybookConfig = {
   stories: [{ directory: "../stories", files: "**/*.stories.*" }],
@@ -13,7 +12,7 @@ const config: StorybookConfig = {
   },
   viteFinal: (config) => {
     return mergeConfig(config, {
-      plugins: [vanillaExtractPlugin()],
+      plugins: [react(), vanillaExtractPlugin()],
     });
   },
 };