unknow description with storybook 6.5.0 and vitejs 3.0

Describe the bug unknow description in the Doc tab

System Environment Info:

System: OS: macOS 12.4 CPU: (8) arm64 Apple M2 Binaries: Node: 16.17.0 - ~/.nvm/versions/node/v16.17.0/bin/node Yarn: 1.22.19 - /opt/homebrew/bin/yarn npm: 8.15.0 - ~/.nvm/versions/node/v16.17.0/bin/npm Browsers: Chrome: 105.0.5195.125 Firefox: 104.0.2 Safari: 15.5

Additional context

• I have a monorepo with a react ui components library made with vitejs in packages folder
• I have storybook installed in docs folder

- docs/storybook (as @starter/storybook)
- packages/core (as @starter/core)

When building my lib and using it in storybook, it can’t read types/interfaces from my component (with docgen?!) Info : Button component is a default exported component. I use storybook Button example as component

// Button.stories.tsx
import { Button } from "@starter/core";
...

But if I’m using Button example from storybook directly in my docs/storybook folder, it’s working

// Button.stories.tsx
Import Button from './Button'
...

// Button.tsx
...

Interface is the following :

interface ButtonProps {
  /**
   * Is this the principal call to action on the page?
   */
  primary?: boolean;
  /**
   * What background color to use
   */
  backgroundColor?: string;
  /**
   * How large should the button be?
   */
  size?: "small" | "medium" | "large";
  /**
   * Button contents
   */
  label: string;
  /**
   * Optional click handler
   */
  onClick?: () => void;
}

It can’t read the description as well :

/**
 * Primary UI component for user interaction
 */

[joshwooding]

@IanVS Im waiting for a fix to land in react-docgen-typescript officially. 😦

[clementcreusat]

My workaround for now is to change stories paths in main.js in storybook directory:

// main.js
stories: [
    "../../../packages/core/src/*.stories.mdx",
    "../../../packages/core/src/*.stories.@(js|jsx|ts|tsx)",
]