PropTypes validations

import React, {Component} from 'react';

export class Profile extends Component {
  render() {
    const hobbies = this.props.hobbies.map(hobby => {
      return <li key={hobby}>{hobby}</li>;
    });
    return (
      <div>
        <h3>{this.props.name}</h3>
        <p>{this.props.name} {this.props.bio}</p>
        <h3>Hobbies</h3>
        <ul>{hobbies}</ul>
      </div>
    );
  }
}

Profile.propTypes = {
  name: React.PropTypes.string.isRequired,
  bio: React.PropTypes.string.isRequired,
  hobbies: React.PropTypes.array.isRequired
};

export class Hello extends Component {
  constructor(pros) {
    super(pros);
    this.state = {
      profiles: [
        {name: 'Sue', age: 30, bio: 'enjoys swimming and biking', hobbies: ['swimming', 'biking']},
        {name: 'Bill', age: 40, bio: 'enjoys long walks on the beach', hobbies: ['gardening', 'games']}
      ]
    };
  }

  render() {
    return (
      <div>
        <Profile data={this.state.profiles[0]}/>
      </div>
    );
  }
}