Route object validation as props in React

you can also use.

PropTypes.objectOf(PropTypes.any).isRequired

For you first try, use PropTypes.shape.

Read the eslint docs for more info about the rule: https://github.com/yannickcr/eslint-plugin-react/blob/master/docs/rules/forbid-prop-types.md

Read react-router docs for information about the shape of route object: https://github.com/reactjs/react-router/blob/master/docs/API.md#proptypes

For your second try, inside instanceOf(), you need to put a type or a class. I am not sure where you getting this React.propTypes. A typo? Read more about PropTypes.instanceOf here: https://facebook.github.io/react/docs/reusable-components.html

You want to ensure that the route prop in your component is an instanceof ReactRouter.Route.

You can use the PropTypes.instanceOf function to accomplish this.

var MyComponent = React.createClass({
  displayName: 'MyComponent',
  propTypes: {
    route: React.PropTypes.instanceOf(Route).isRequired
  }
});

And the router component just as you had it.

var RootRoute = React.createClass({
  render() {
    return (
      <Router history={hashHistory}>
         <Route path="/" component={MyComponent}/>
      </Router>
    );
  }
})

---

Incidentally, you should try not to mix class ... extends ... syntax with the createClass syntax for creating new components.