Update storybook to ^8.4.1

apps/stories/.storybook/main.ts

@@ -1,19 +1,22 @@
 import {dirname, join} from 'path';
-import {mergeConfig, optimizeDeps} from 'vite';
+import {mergeConfig} from 'vite';
 
 export default {
-  stories: ['../stories/**/*.stories.mdx', '../stories/**/*.stories.tsx'],
+  stories: ['../stories/**/*.stories.tsx'],
+
   addons: [
     getAbsolutePath('@storybook/addon-links'),
     getAbsolutePath('@storybook/addon-essentials'),
     getAbsolutePath('storybook-dark-mode'),
   ],
+
   framework: {
     name: getAbsolutePath('@storybook/react-vite'),
     options: {
       strictMode: true,
     },
   },
+
   async viteFinal(config, {configType}) {
     // customize the Vite config here
     return mergeConfig(config, {
@@ -25,8 +28,11 @@ export default {
       },
     });
   },
-  docs: {
-    autodocs: 'tag',
+
+  docs: {},
+
+  typescript: {
+    reactDocgen: 'react-docgen-typescript',
   },
 };
 

apps/stories/package.json

@@ -13,8 +13,8 @@
   "dependencies": {
     "@dnd-kit/abstract": "*",
     "@dnd-kit/dom": "*",
-    "@dnd-kit/react": "*",
     "@dnd-kit/helpers": "*",
+    "@dnd-kit/react": "*",
     "@tanstack/react-virtual": "^3.0.0-beta.54",
     "clipboard": "^2.0.11",
     "prismjs": "^1.29.0",
@@ -25,16 +25,19 @@
   },
   "devDependencies": {
     "@dnd-kit/eslint-config": "*",
-    "@storybook/addon-actions": "^8.1.5",
-    "@storybook/addon-docs": "^8.1.5",
-    "@storybook/addon-essentials": "^8.1.5",
-    "@storybook/addon-links": "^8.1.5",
-    "@storybook/react": "^8.1.5",
-    "@storybook/react-vite": "^8.1.5",
+    "@storybook/addon-actions": "^8.4.1",
+    "@storybook/addon-docs": "^8.4.1",
+    "@storybook/addon-essentials": "^8.4.1",
+    "@storybook/addon-links": "^8.4.1",
+    "@storybook/manager-api": "^8.4.1",
+    "@storybook/react": "^8.4.1",
+    "@storybook/react-vite": "^8.4.1",
+    "@storybook/theming": "^8.4.1",
+    "@storybook/types": "^8.4.1",
     "@vitejs/plugin-react": "^4.2.1",
     "eslint": "^8.56.0",
     "serve": "^14.2.1",
-    "storybook": "^8.1.5",
+    "storybook": "^8.4.1",
     "storybook-dark-mode": "^4.0.1",
     "typescript": "^5.5.2",
     "vite": "^5.1.1"