Неожиданный символ после shape

Код:

 class Article extends React.Component{
  propTypes: {
    data: React.PropTypes.shape({
      author: React.PropTypes.string.isRequired,
      text:  React.PropTypes.string.isRequired,
      bigText:  React.PropTypes.string.isRequired,
      date:  React.PropTypes.number.isRequired
    })
  }
  render(){
    var author = this.props.data.author,
    text = this.props.data.text,
    bigText = this.props.data.bigText,
    date = this.props.data.date    ;
    return(
      <div className='article'>
      <p className ="name text">{text}</p>
      <p className='name author'>{author}</p>
      <p className = 'name bigText'>{bigText}</p>
      <p className = 'name date'>{date}</p>
      </div>
    )
  }
};

Консоль:

      21 |class Article extends React.Component{
      22 |   propTypes: {
    > 23 |      data: React.PropTypes.shape({
         |                                 ^
      24 |        author: React.PropTypes.string.isRequired,
      25 |        text: React.PropTypes.string.isRequired,
      26 |        bigText: React.PropTypes.string.isRequired

Изучаю react, в учебнике есть пример с shape, но в браузере он не работает.