Props with defaultProps of undefined show up.

[leonelgalan]

Story definition:

<Checkbox
  onChange={onChange}
  value="yes"
  label="Check the Box"
/>

Storybook's JSX:

<Checkbox
  checked={false}
  color={undefined}
  id={undefined}
  label="Check the Box"
  name={undefined}
  onChange={action('onChange')}
  value="yes"
/>

Looking for a solution I noticed a PR that just got merged in react-element-to-jsx-string, but react-element-to-jsx-string is locked to ^14.0.3.

It allows for filterProps to be a function, so one could exclude props where the value is undefined.

14.3.0 was just released. There are no breaking changes since 14.0.3, but features that might benefit the community.

[leonelgalan]

While preparing the PR (#97) I noticed 14.3.0 wouldn't work. Since 14.3.1 was released and it includes the fixes needed (algolia/react-element-to-jsx-string#516)

[hipstersmoothie]

🚀 Issue was released in v7.1.14 🚀

[hipstersmoothie]

🚀 Issue was released in v7.1.14 🚀

[eduludi]

IMO this should be set as a default, or at least be added to the documentation.

For those looking how to solve this, set this in your storybook configuration file:

addParameters({
  jsx: {
    filterProps: val => val !== undefined,
  },
})

[hipstersmoothie]

I'm okay with that. Make a PR and i'll merge it!