Fix storybook upgrade error

Author: forestream

.gitignore

@@ -14,4 +14,6 @@ codecov.*
 codecov.*.*
 lcov.info
 tarpaulin-report.html
-tarpaulin-report.json
+tarpaulin-report.json
+*storybook.log
+storybook-static

eslint.config.mjs

@@ -1,6 +1,3 @@
-// For more info, see https://github.com/storybookjs/eslint-plugin-storybook#configuration-flat-config-format
-import storybook from "eslint-plugin-storybook";
-
 import { configs } from 'eslint-plugin-devup'
 
 export default configs.recommended

packages/components/.storybook/main.ts

@@ -1,23 +1,10 @@
 import { DevupUI } from '@devup-ui/vite-plugin'
-import { type StorybookConfig } from '@storybook/react-vite'
-import { dirname, join } from 'path'
+import type { StorybookConfig } from '@storybook/react-vite'
 import { mergeConfig } from 'vite'
 
-function getAbsolutePath(value: string) {
-  return dirname(require.resolve(join(value, 'package.json')))
-}
-
 const config: StorybookConfig = {
   stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
-
-  addons: [
-    getAbsolutePath('@storybook/addon-onboarding'),
-    getAbsolutePath('@storybook/addon-links'),
-    getAbsolutePath('@storybook/addon-essentials'),
-    getAbsolutePath('@chromatic-com/storybook'),
-    '@chromatic-com/storybook'
-  ],
-
+  addons: ['@storybook/addon-docs', '@storybook/addon-onboarding'],
   framework: {
     name: '@storybook/react-vite',
     options: {},
@@ -28,9 +15,5 @@ const config: StorybookConfig = {
       plugins: [DevupUI()],
     })
   },
-
-  typescript: {
-    reactDocgen: 'react-docgen-typescript'
-  }
 }
 export default config

packages/components/.storybook/preview.tsx

@@ -11,8 +11,6 @@ const preview: import('@storybook/react-vite').Preview = {
       },
     },
   },
-
-  tags: ['autodocs']
 }
 
 export default preview

packages/components/package.json

@@ -44,28 +44,27 @@
   ],
   "types": "./dist/index.d.ts",
   "dependencies": {
-    "react": "^19.1",
-    "csstype": "^3.1",
-    "@devup-ui/react": "workspace:*"
+    "@devup-ui/react": "workspace:*",
+    "csstype": "^3.1.3",
+    "react": "^19.1.0"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "^4.0.1",
-    "rollup-plugin-preserve-directives": "^0.4.0",
-    "vite": "^7.0.0",
-    "vite-plugin-dts": "^4.5.4",
-    "vitest": "^3.2.4",
-    "typescript": "^5.8.3",
-    "@types/react": "^19",
-    "@storybook/addon-links": "^9.0.15",
+    "@devup-ui/vite-plugin": "workspace:*",
+    "@storybook/addon-docs": "9.0.15",
     "@storybook/addon-onboarding": "^9.0.15",
     "@storybook/react-vite": "^9.0.15",
+    "@types/react": "^19.1.8",
+    "eslint-plugin-storybook": "9.0.15",
+    "rollup-plugin-preserve-directives": "^0.4.0",
     "storybook": "^9.0.15",
-    "@devup-ui/vite-plugin": "workspace:*",
-    "eslint-plugin-storybook": "9.0.15"
+    "typescript": "^5.8.3",
+    "vite": "^6.3.5",
+    "vite-plugin-dts": "^4.5.4",
+    "vitest": "^3.2.4"
   },
   "peerDependencies": {
-    "react": "*",
+    "@devup-ui/react": "workspace:*",
     "csstype": "*",
-    "@devup-ui/react": "workspace:*"
+    "react": "*"
   }
 }

packages/components/src/components/Button/Button.stories.tsx

@@ -1,10 +1,18 @@
+import { Meta } from '@storybook/react-vite'
+
 import { Button } from './index'
 
 // More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export
-export default {
+const meta: Meta<typeof Button> = {
   title: 'Devfive/Button',
   component: Button,
-  tags: ['autodocs'],
+  decorators: [
+    (Story) => (
+      <div style={{ padding: '10px' }}>
+        <Story />
+      </div>
+    ),
+  ],
 }
 
 export const Default = {
@@ -20,3 +28,5 @@ export const Default = {
     size: 'm',
   },
 }
+
+export default meta

packages/components/tsconfig.json

@@ -22,5 +22,6 @@
     "noEmit": true,
     "baseUrl": ".",
     "jsx": "react-jsx"
-  }
+  },
+  "include": ["src/**/*", ".storybook/**/*"]
 }