react: Use prop-types package.

package.json

@@ -70,8 +70,6 @@
     "onchange": "3.2.1",
     "postcss": "5.1.0",
     "pre-commit": "1.1.3",
-    "react": "^15.4.2",
-    "react-dom": "^15.4.2",
     "sass": "0.5.0",
     "selenium-webdriver": "2.53.3",
     "uppy-server": "0.0.7",
@@ -89,6 +87,7 @@
     "on-load": "3.2.0",
     "prettier-bytes": "1.0.4",
     "promise-settle": "^0.3.0",
+    "prop-types": "^15.5.10",
     "socket.io-client": "2.0.1",
     "tus-js-client": "^1.4.4",
     "url-parse": "1.1.9",

src/uppy-react/Dashboard.js

@@ -1,4 +1,5 @@
 const React = require('react')
+const PropTypes = require('prop-types')
 const UppyCore = require('../core/Core').Uppy
 const DashboardPlugin = require('../plugins/Dashboard')
 const StatusBarPlugin = require('../plugins/StatusBar')
@@ -54,13 +55,13 @@ class Dashboard extends React.Component {
 }
 
 Dashboard.propTypes = {
-  uppy: React.PropTypes.instanceOf(UppyCore).isRequired,
-  maxWidth: React.PropTypes.number,
-  maxHeight: React.PropTypes.number,
-  semiTransparent: React.PropTypes.bool,
-  defaultTabIcon: React.PropTypes.node,
-  showProgressDetails: React.PropTypes.bool,
-  locale: React.PropTypes.object
+  uppy: PropTypes.instanceOf(UppyCore).isRequired,
+  maxWidth: PropTypes.number,
+  maxHeight: PropTypes.number,
+  semiTransparent: PropTypes.bool,
+  defaultTabIcon: PropTypes.node,
+  showProgressDetails: PropTypes.bool,
+  locale: PropTypes.object
 }
 
 Dashboard.defaultProps = {

src/uppy-react/DashboardModal.js

@@ -1,4 +1,5 @@
 const React = require('react')
+const PropTypes = require('prop-types')
 const UppyCore = require('../core/Core').Uppy
 const ReactDashboardPlugin = require('./bridge/ReactDashboardPlugin')
 const StatusBarPlugin = require('../plugins/StatusBar')
@@ -63,14 +64,14 @@ class DashboardModal extends React.Component {
 }
 
 DashboardModal.propTypes = {
-  uppy: React.PropTypes.instanceOf(UppyCore).isRequired,
-  maxWidth: React.PropTypes.number,
-  maxHeight: React.PropTypes.number,
-  semiTransparent: React.PropTypes.bool,
-  defaultTabIcon: React.PropTypes.node,
-  showProgressDetails: React.PropTypes.bool,
-  onRequestClose: React.PropTypes.func,
-  locale: React.PropTypes.object
+  uppy: PropTypes.instanceOf(UppyCore).isRequired,
+  maxWidth: PropTypes.number,
+  maxHeight: PropTypes.number,
+  semiTransparent: PropTypes.bool,
+  defaultTabIcon: PropTypes.node,
+  showProgressDetails: PropTypes.bool,
+  onRequestClose: PropTypes.func,
+  locale: PropTypes.object
 }
 
 DashboardModal.defaultProps = {

src/uppy-react/DragDrop.js

@@ -1,4 +1,5 @@
 const React = require('react')
+const PropTypes = require('prop-types')
 const UppyCore = require('../core/Core').Uppy
 const DragDropPlugin = require('../plugins/DragDrop')
 
@@ -28,8 +29,8 @@ class DragDrop extends React.Component {
 }
 
 DragDrop.propTypes = {
-  uppy: React.PropTypes.instanceOf(UppyCore).isRequired,
-  locale: React.PropTypes.object
+  uppy: PropTypes.instanceOf(UppyCore).isRequired,
+  locale: PropTypes.object
 }
 
 DragDrop.defaultProps = {

src/uppy-react/ProgressBar.js

@@ -1,4 +1,5 @@
 const React = require('react')
+const PropTypes = require('prop-types')
 const UppyCore = require('../core/Core').Uppy
 const ProgressBarPlugin = require('../plugins/ProgressBar')
 
@@ -28,8 +29,8 @@ class ProgressBar extends React.Component {
 }
 
 ProgressBar.propTypes = {
-  uppy: React.PropTypes.instanceOf(UppyCore).isRequired,
-  locale: React.PropTypes.object
+  uppy: PropTypes.instanceOf(UppyCore).isRequired,
+  locale: PropTypes.object
 }
 
 ProgressBar.defaultProps = {