prop-types does not work with static propTypes

Apparently, the prop-types rule does not recognize propTypes, which are declared using a static property on the class:

export default class Greeting extends React.Component {
  static propTypes: {
    count: React.PropTypes.number.isRequired
  }
  render () {
    return <h1>Hello, world! {this.props.count} greetings from me!</h1>;
  }
}

The following works completely fine:

export default class Greeting extends React.Component {
  render () {
    return <h1>Hello, world! {this.props.count} greetings from me!</h1>;
  }
}

Greeting.propTypes = {
  count: React.PropTypes.number.isRequired
};

I am using eslint 1.3.1 and eslint-plugin-react 3.3.0.

[ghost]

You can always use ES6 getters, so the class becomes

export default class Greeting extends React.Component {
  static get propTypes() {
    return {
       count: React.PropTypes.number.isRequired
    }
  }
  render () {
    return <h1>Hello, world! {this.props.count} greetings from me!</h1>;
  }
}

[yannickcr]

Actually there is a typo in your code, the static property declaration must be followed by a =, not a :.

The fixed class:

export default class Greeting extends React.Component {
  static propTypes = {
    count: React.PropTypes.number.isRequired
  }
  render () {
    return <h1>Hello, world! {this.props.count} greetings from me!</h1>;
  }
}

Babel don’t throw an error but do not export the property in the transpiled code neither, so it is like you did not had any declared propTypes. With Espree, the default ESLint parser, you’ll get an Unexpected token : error.

You can compare Babel output here http://babeljs.io/repl