Storybook Docs won't render ArgsTable from proptypes

[jobvdhoonaard]

Describe the bug
Past few weeks I've been working on creating a component library using storybook 6.1.2 and webpack 5. However, Storybook won't generate the Argstable from the proptypes i've defined for each of the components.

To Reproduce
I'm using sb6.1.20, webpack5, emotion css and tailwind.
I setup my stories as described in the Storybook docs:

export default {
  title: 'Components/Button',
  component: Button,
}

export const DefaultButton = (args) => <Button {...args}>Button</Button>

Also I tried setting it up with controls like this:

export default {
  title: 'Components/Button',
  component: Button,
}

const Template = (args) => <Button {...args}>Button</Button>

export const DefaultButton = Template.bind({})
DefaultButton.args = {
  primary: false,
  disabled: false,
  small: false,
  fullWidth: false,
  to: '',
}

Expected behavior & screenshots
I was hoping for something pretty like this:

But instead I got something like this:

And with controls setup i got this:

System
System:
OS: macOS 11.1
CPU: (12) x64 Intel(R) Core(TM) i7-9750H CPU @ 2.60GHz
Binaries:
Node: 12.20.1 - ~/.nvm/versions/node/v12.20.1/bin/node
Yarn: 1.22.10 - ~/.nvm/versions/node/v12.20.1/bin/yarn
npm: 6.14.10 - ~/.nvm/versions/node/v12.20.1/bin/npm
Browsers:
Chrome: 88.0.4324.192
Firefox: 85.0.2
Safari: 14.0.2
npmPackages:
@storybook/addon-actions: ^6.1.20 => 6.1.20
@storybook/addon-docs: ^6.1.18 => 6.1.20
@storybook/addon-essentials: ^6.1.15 => 6.1.20
@storybook/addon-links: ^6.1.15 => 6.1.20
@storybook/addons: ^6.1.18 => 6.1.20
@storybook/react: ^6.1.15 => 6.1.20
@storybook/theming: ^6.1.18 => 6.1.20

[petr001]

I have the same problem, but I'm using typescript. No ArgsTable rendered at all 😢

[petr001]

BTW only happens for webpack 5 ;)

[shilman]

@petr001 that's #14118