From c7e676ff3b7e808f96458c60b316f4b847c59a8e Mon Sep 17 00:00:00 2001
From: Norbert de Langen <ndelangen@me.com>
Date: Sun, 21 May 2017 14:16:21 +0200
Subject: [PATCH] CHANGE to prop-types package for notes & test-cra

---
 addons/notes/package.json               | 3 ++-
 addons/notes/src/index.js               | 5 +++--
 addons/notes/src/register.js            | 5 +++--
 examples/test-cra/src/stories/Button.js | 5 +++--
 4 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/addons/notes/package.json b/addons/notes/package.json
index 50e4c9580ecd..c84c012d2ccb 100644
--- a/addons/notes/package.json
+++ b/addons/notes/package.json
@@ -24,7 +24,8 @@
     "react": "*"
   },
   "dependencies": {
-    "babel-runtime": "^6.23.0"
+    "babel-runtime": "^6.23.0",
+    "prop-types": "^15.5.10"
   },
   "optionalDependencies": {
     "@types/react": "^15.0.24"
diff --git a/addons/notes/src/index.js b/addons/notes/src/index.js
index 9b39fd8ca5ed..e80992a58f1f 100644
--- a/addons/notes/src/index.js
+++ b/addons/notes/src/index.js
@@ -1,4 +1,5 @@
 import React from 'react';
+import PropTypes from 'prop-types';
 import addons from '@storybook/addons';
 
 export class WithNotes extends React.Component {
@@ -14,6 +15,6 @@ export class WithNotes extends React.Component {
 }
 
 WithNotes.propTypes = {
-  children: React.PropTypes.node,
-  notes: React.PropTypes.string,
+  children: PropTypes.node,
+  notes: PropTypes.string,
 };
diff --git a/addons/notes/src/register.js b/addons/notes/src/register.js
index 4198ae45d10e..ae133cab139d 100644
--- a/addons/notes/src/register.js
+++ b/addons/notes/src/register.js
@@ -1,4 +1,5 @@
 import React from 'react';
+import PropTypes from 'prop-types';
 import addons from '@storybook/addons';
 
 const styles = {
@@ -58,8 +59,8 @@ export class Notes extends React.Component {
 }
 
 Notes.propTypes = {
-  channel: React.PropTypes.object,
-  api: React.PropTypes.object,
+  channel: PropTypes.object,
+  api: PropTypes.object,
 };
 
 // Register the addon with a unique name.
diff --git a/examples/test-cra/src/stories/Button.js b/examples/test-cra/src/stories/Button.js
index f4288d393484..6332f58dc1b6 100644
--- a/examples/test-cra/src/stories/Button.js
+++ b/examples/test-cra/src/stories/Button.js
@@ -1,4 +1,5 @@
 import React from 'react';
+import PropTypes from 'prop-types';
 
 const buttonStyles = {
   border: '1px solid #eee',
@@ -17,8 +18,8 @@ const Button = ({ children, onClick }) => (
 );
 
 Button.propTypes = {
-  children: React.PropTypes.string.isRequired,
-  onClick: React.PropTypes.func,
+  children: PropTypes.string.isRequired,
+  onClick: PropTypes.func,
 };
 
 export default Button;