Storybook: Specifying a propTable still renders two prop docs

Issue by FarhadG
_Wednesday Aug 24, 2016 at 06:49 GMT_
_Originally opened as https://github.com/storybooks/react-storybook-addon-info/issues/59_

I'm currently exporting the component along with a wrapped version (default export) so that I can document the component in isolation, since the default one that is wrapped with several other higher order functions doesn't provide reference to the propTypes for react-storybook to use.

For example:

export class SampleComponent extends Component {

}

export default compose(...)(SampleComponent);

I'm using the { SampleComponent } import for documentation purposes, however, I get two rendered UIs for the propTables.

"SampleComponent" Component
property    propType    required    default
contextStyles   object  no  {{}}
height  number  no  -
image   string  yes -

"SampleComponent" ComponentNo propTypes defined!

Even though I'm specifying the options for the propTables with { propTables: [SampleComponent], inline: true }, I get both rendered versions. Any way to disable the automatic propTable for the component that is rendered? It seems like that's what's happening: the rendered component's propTypes are also being used, hence the undefined since it's exported after several higher order function wraps.

Perhaps, there's a better way to achieve what I need altogether...

Thank you for your suggestion.