Account for arbitrary, breaking PropTypes change in React 15.5

Author: jakezatecky

package.json

@@ -53,11 +53,13 @@
     "react": "^15.4.2",
     "react-addons-test-utils": "^15.4.2",
     "react-dom": "^15.4.2",
+    "react-test-renderer": "^15.5.4",
     "webpack": "^2.2.1",
     "webpack-stream": "^3.2.0"
   },
   "dependencies": {
     "classnames": "^2.2.5",
+    "prop-types": "^15.5.8",
     "shortid": "^2.2.6"
   }
 }

src/js/CheckboxTree.js

@@ -1,3 +1,4 @@
+import PropTypes from 'prop-types';
 import React from 'react';
 import shortid from 'shortid';
 
@@ -6,15 +7,15 @@ import nodeShape from './nodeShape';
 
 class CheckboxTree extends React.Component {
 	static propTypes = {
-		nodes: React.PropTypes.arrayOf(nodeShape).isRequired,
-
-		checked: React.PropTypes.arrayOf(React.PropTypes.string),
-		expanded: React.PropTypes.arrayOf(React.PropTypes.string),
-		name: React.PropTypes.string,
-		nameAsArray: React.PropTypes.bool,
-		optimisticToggle: React.PropTypes.bool,
-		onCheck: React.PropTypes.func,
-		onExpand: React.PropTypes.func,
+		nodes: PropTypes.arrayOf(nodeShape).isRequired,
+
+		checked: PropTypes.arrayOf(React.PropTypes.string),
+		expanded: PropTypes.arrayOf(React.PropTypes.string),
+		name: PropTypes.string,
+		nameAsArray: PropTypes.bool,
+		optimisticToggle: PropTypes.bool,
+		onCheck: PropTypes.func,
+		onExpand: PropTypes.func,
 	};
 
 	static defaultProps = {

src/js/TreeNode.js

@@ -1,22 +1,23 @@
 import classNames from 'classnames';
+import PropTypes from 'prop-types';
 import React from 'react';
 
 import nodeShape from './nodeShape';
 
 class TreeNode extends React.Component {
 	static propTypes = {
-		checked: React.PropTypes.number.isRequired,
-		expanded: React.PropTypes.bool.isRequired,
-		label: React.PropTypes.string.isRequired,
-		optimisticToggle: React.PropTypes.bool.isRequired,
-		treeId: React.PropTypes.string.isRequired,
-		value: React.PropTypes.string.isRequired,
-		onCheck: React.PropTypes.func.isRequired,
-		onExpand: React.PropTypes.func.isRequired,
-
-		children: React.PropTypes.node,
-		icon: React.PropTypes.node,
-		rawChildren: React.PropTypes.arrayOf(nodeShape),
+		checked: PropTypes.number.isRequired,
+		expanded: PropTypes.bool.isRequired,
+		label: PropTypes.string.isRequired,
+		optimisticToggle: PropTypes.bool.isRequired,
+		treeId: PropTypes.string.isRequired,
+		value: PropTypes.string.isRequired,
+		onCheck: PropTypes.func.isRequired,
+		onExpand: PropTypes.func.isRequired,
+
+		children: PropTypes.node,
+		icon: PropTypes.node,
+		rawChildren: PropTypes.arrayOf(nodeShape),
 	};
 
 	static defaultProps = {

src/js/nodeShape.js

@@ -1,20 +1,20 @@
-import React from 'react';
+import PropTypes from 'prop-types';
 
 const nodeShape = {
-	label: React.PropTypes.string.isRequired,
-	value: React.PropTypes.oneOfType([
-		React.PropTypes.string,
-		React.PropTypes.number,
+	label: PropTypes.string.isRequired,
+	value: PropTypes.oneOfType([
+		PropTypes.string,
+		PropTypes.number,
 	]).isRequired,
 
-	icon: React.PropTypes.node,
+	icon: PropTypes.node,
 };
 
-const nodeShapeWithChildren = React.PropTypes.oneOfType([
-	React.PropTypes.shape(nodeShape),
-	React.PropTypes.shape({
+const nodeShapeWithChildren = PropTypes.oneOfType([
+	PropTypes.shape(nodeShape),
+	PropTypes.shape({
 		...nodeShape,
-		children: React.PropTypes.arrayOf(nodeShape).isRequired,
+		children: PropTypes.arrayOf(nodeShape).isRequired,
 	}),
 ]);