Eslint-plugin-react: react/prop-types said missing in props validation while use stateless component.

[MicroBenz]

I've wrote stateless component and props validation like this.

const BusDistance = ({ line }) => (
    <div className="box">
        <article className="media">
            <div className="media-left">
                <div style={styles.circleBusLine} className="red-bg">
                    <h1>{line}</h1>
                </div>
            </div>
            <div className="media-content">
                <h1>2 KM</h1>
            </div>
        </article>
    </div>
);

BusDistance.PropTypes = {
    line: PropTypes.number.isRequired,
};

And ESLint said.

Please clarify me how to make a props validation with stateless component.

Thank you.

[hugihlynsson]

Glancing over this quickly, it seems that BusDistance.PropTypes should be BusDistance.propTypes, that is – propTypes must start with a lowercase p. This should resolve your problem.

[MicroBenz]

@hugihlynsson Problem Solved! Thank you :)