fix: Storybook 上で props のドキュメントが表示されない問題を修正 (#4719)

kufu · Jun 14, 2024 · 7a634ae · 7a634ae
1 parent 46e4200
commit 7a634ae
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/packages/smarthr-ui/.storybook/main.ts b/packages/smarthr-ui/.storybook/main.ts
@@ -64,6 +64,9 @@ const config: StorybookConfig = {
   docs: {
     autodocs: true,
   },
+  typescript: {
+    reactDocgen: 'react-docgen-typescript',
+  },
   webpackFinal: async (config) => {
     const resolve = config.resolve || {}
     resolve.alias = {

diff --git a/packages/smarthr-ui/.storybook/preview.tsx b/packages/smarthr-ui/.storybook/preview.tsx
@@ -1,6 +1,6 @@
 import React, { ReactNode, useEffect } from 'react'
 import { INITIAL_VIEWPORTS } from '@storybook/addon-viewport'
-import { Title, Subtitle, Description, Primary, Stories } from '@storybook/blocks'
+import { Title, Subtitle, Description, Primary, Stories, Controls } from '@storybook/blocks'
 import ReactGA from 'react-ga4'
 
 import { Preview } from '@storybook/react'
@@ -70,6 +70,7 @@ const preview: Preview = {
           <Subtitle />
           <Description />
           <Primary />
+          <Controls />
           <Stories includePrimary={false} />
         </>
       ),