LoginSignup
4
1

More than 5 years have passed since last update.

React v16のPropTypesでハマった

Posted at

Reactのバージョンを上げた際に、PropTypesはReactにあるものだと思ってハマってしまった。

React 15.5からPropTypesはprop-typesとしてライブラリが切り離されているっぽい。
https://github.com/reactjs/react-codemod#react-proptypes-to-prop-types

というわけで

Reactのバージョン

package.json
"react": "^16.8.6"

prop-typesをインストール

私は、yarnを使っているので...

yarn
$ yarn add prop-types 

npm 
$ npm install --save prop-types
Hoge.jsx
// 修正前
Hoge.propTypes = {
  hoge: React.PropTypes.object.isRequired
}

// 修正後
// ファイルの上部
import PropTypes from 'prop-types';
.
.
.
Hoge.propTypes = {
  hoge: PropTypes.object.isRequired
}

Reactから切り離されたので Reactからではなく、インポートしたPropTypesから定義すれば良い

4
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
1