prop type XXX is invalid; it must be a function のエラーが出た時

Warning: Failed prop type: MyDialog: prop type `loading` is invalid; it must be a function, usually from React.PropTypes.

みたいなエラーが出たときの対処法です。

このエラーメッセージで検索してみると

http://stackoverflow.com/questions/36127842/it-must-be-a-function-usually-from-react-proptypes

とかが上位の方でヒットします。このケースだと

誤：isRequred

正：isRequired

って感じでスペルミス乙！と思っていました。

がしかし、自分のをよくよく見てみると・・・

MyDialog.propTypes = {
  loading: React.PropTypes.boolean,
};

React.PropTypes.bool.isRequired // Booleanで必須

参考

http://qiita.com/koba04/items/bc13d1f42964278ae14e

(ﾟ∀ﾟ)全俺が泣きました。

↓以下のように修正しました。

MyDialog.propTypes = {
  loading: React.PropTypes.bool.isRequired,
};