[addon-info] stateless component No propTypes defined! on prop table in build mode

[Stupidism]

I have a simple stateless component:

const Counter = ({ count }) => (
  <div style={styles.counter}>{count}</div>
);

Counter.propTypes = {
  count: T.number.isRequired,
};

Expected

It renders normally in dev mode, when I call start-storybook -p 6006

Current

Props are missing in build mode, when I call build-storybook -o gh-pages
online demo is here

[shilman]

@Stupidism what happens when you run the build with NODE_ENV=development?

[Stupidism]

@shilman It's working with NODE_ENV=development build-storybook -o gh-pages

[shilman]

Seems like something is stripping out the proptypes when the production flag is set. Perhaps a webpack plugin? Haven't had time to dig in, but it seems like something that should be easy to diagnose and fix.

[Stupidism]

@shilman Things are getting even worse.

I already fixed it temporarily in my repo. If you want to reproduce it. Just run

git clone git@github.com:Stupidism/stupid-rc-starter.git
cd stupid-rc-starter && yarn install
./node_modules/.bin/build-storybook -o gh-pages && npm run gh-pages:opn

You will see the bug in your_local_url/?selectedKind=RenderCounter&selectedStory=Counter

[Stupidism]

Is there any progress on this?

[danielduan]

Related to #1661, fixing the docgen part here: #1725.

Will require a separate PR to set NODE_ENV in Webpack for prop-types for components that can't be documented using docgen.

[Stupidism]

It seems to be fixed now.

[feonit]

It still not worked for me. Here my component:

import React from "react";
import "./Background.css";
import PropTypes from "prop-types";

const Background = (props) => {
	const {children} = props;
	return (
		<div className={"Background"}>
			{children}
		</div>
	)
};

Background.displayName = "Background";

Background.propTypes = {
	/** My content */
	children: PropTypes.any.isRequired
};
export default Background;

For command NODE_ENV=production npm run storybook i have:

And for npm run storybook:

Same for the rest of the components too. But when i added:

Background.defaultProps = {
	children: 'my text'
};

the following happens:

I use:

    "@storybook/addon-info": "4.1.2",
    "@storybook/addon-knobs": "4.1.2",
    "@storybook/addon-options": "4.1.2",
    "@storybook/cli": "4.1.2",
    "@storybook/react": "4.1.2",

is amazing

Am I doing something wrong?