solved with storybookjs/builder-vite#210 (comment)

.storybook/main.js

@@ -1,22 +1,41 @@
+const react = require("@vitejs/plugin-react");
+
 module.exports = {
-  addons: ['@storybook/addon-essentials'],
-  stories: ['../src/**/*.stories.@(js|jsx|ts|tsx)'],
-  staticDirs: ['../public'],
+  addons: ["@storybook/addon-essentials"],
+  stories: ["../src/**/*.stories.@(js|jsx|ts|tsx)"],
+  staticDirs: ["../public"],
   features: {
     storyStoreV7: true,
   },
-  framework: '@storybook/react',
+  framework: "@storybook/react",
   core: {
-    builder: '@storybook/builder-vite',
+    builder: "@storybook/builder-vite",
   },
   async viteFinal(config) {
+    config.plugins = config.plugins.filter(
+      (plugin) =>
+        !(Array.isArray(plugin) && plugin[0]?.name.includes("vite:react"))
+    );
+
+    config.plugins.push(
+      react({
+        exclude: [/\.stories\.(t|j)sx?$/, /node_modules/],
+        jsxImportSource: "@emotion/react",
+        babel: {
+          plugins: ["@emotion/babel-plugin"],
+        },
+      })
+    );
+
+    console.log(config.plugins);
+
     config.optimizeDeps = {
       ...(config.optimizeDeps || {}),
       include: [
         ...(config?.optimizeDeps?.include || []),
-        'msw-storybook-addon',
+        "msw-storybook-addon",
       ],
-    }
-    return config
+    };
+    return config;
   },
-}
+};

package.json

@@ -10,6 +10,7 @@
     "storybook": "start-storybook -p 6006"
   },
   "dependencies": {
+    "@emotion/babel-plugin": "^11.10.5",
     "@emotion/react": "^11.10.5",
     "cross-fetch": "^3.1.5",
     "react": "^17.0.2",

tsconfig.json

@@ -15,7 +15,8 @@
     "isolatedModules": true,
     "noEmit": true,
     "jsx": "react-jsx",
-    "jsxImportSource": "@emotion/react"
+    "jsxImportSource": "@emotion/react",
+    "types": ["vite/client", "@emotion/react/types/css-prop"]
   },
   "include": ["./src", "./.storybook"]
 }