PropsTable shows only args or "Nothing found"

Describe the bug

Storybook does not register propTypes. Only Component.args are picked up by the PropsTable

Example component:

export const SIZES = { XS: 'XS', SM: 'SM', MD: 'MD', LG: 'LG' };

const propTypes = {
  /**
   Size of the text
   */
  size: PropTypes.oneOf(...Object.values(SIZES)),
  as: PropTypes.string,
  className: PropTypes.string,
  children: PropTypes.node.isRequired,
};

const MarketingHeading = styled(RawHeading)`
  ${baseStyles}
`;

MarketingHeading.propTypes = propTypes;

export { MarketingHeading };

full gist of the component: https://gist.github.com/qoalu/604dedd2ad868b7ddf67c093fbed6e38

Configs

main.js

module.exports = {
  stories: ['../src/**/*.stories.@(js|mdx)', '../src/**/*.story.@(js|mdx)'],
  addons: [
    '@storybook/preset-create-react-app',
    {
      name: '@storybook/addon-docs',
      options: {
        configureJSX: true,
        babelOptions: {},
      },
    },
    '@storybook/addon-essentials',
    '@storybook/addon-knobs',
    '@storybook/addon-storysource',
    '@storybook/addon-controls',
    '@storybook/addon-viewport',
    '@storybook/addon-backgrounds',
    '@storybook/addon-actions',
    '@storybook/addon-toolbars',
  ],
};

.storybook/.babelrc

{
  "presets": ["@babel/env", "@babel/react"],
  "plugins": [
    "babel-plugin-styled-components",
    "macros",
    "@babel/plugin-proposal-class-properties",
    [
      "module-resolver",
      {
        "root": ["./"],
        "alias": {
          "ui-kit": "./src"
        }
      }
    ]
  ]
}

System Environment Info:

System: OS: macOS 10.15.7 CPU: (12) x64 Intel® Core™ i7-8750H CPU @ 2.20GHz Binaries: Node: 12.18.0 - ~/.nvm/versions/node/v12.18.0/bin/node Yarn: 1.22.5 - ~/.yarn/bin/yarn npm: 6.14.9 - ~/Documents/Work/ui-kit/node_modules/.bin/npm Browsers: Chrome: 90.0.4430.85 Safari: 14.0.3 npmPackages: @storybook/addon-a11y: ^6.2.8 => 6.2.8 @storybook/addon-actions: ^6.2.8 => 6.2.8 @storybook/addon-backgrounds: ^6.2.8 => 6.2.8 @storybook/addon-contexts: ^5.3.21 => 5.3.21 @storybook/addon-controls: ^6.2.8 => 6.2.8 @storybook/addon-docs: ^6.2.8 => 6.2.8 @storybook/addon-essentials: ^6.2.8 => 6.2.8 @storybook/addon-info: ^5.3.21 => 5.3.21 @storybook/addon-jest: ^6.2.8 => 6.2.8 @storybook/addon-knobs: ^6.2.8 => 6.2.8 @storybook/addon-links: ^6.2.8 => 6.2.8 @storybook/addon-notes: ^5.3.21 => 5.3.21 @storybook/addon-options: ^5.3.21 => 5.3.21 @storybook/addon-storysource: ^6.2.8 => 6.2.8 @storybook/addon-toolbars: ^6.2.8 => 6.2.8 @storybook/addon-viewport: ^6.2.8 => 6.2.8 @storybook/addons: ^6.2.8 => 6.2.8 @storybook/preset-create-react-app: ^3.1.7 => 3.1.7 @storybook/react: ^6.2.8 => 6.2.8 @storybook/source-loader: ^6.2.8 => 6.2.8 @storybook/theming: ^6.2.8 => 6.2.8

[evan01]

Having the same issue but with typescript. I just upgraded from 6.1.20 --> 6.2.8 and this issue happened. We had been relying on the automatic prop descriptions that came from the component itself.

6.2.8

6.1.20

Before this update, storybook would pick up the descriptions from the comments above the props like so…

[alexandreabeh]

+1 on this