Update to React 15.5

client/App.test.js

@@ -1,8 +1,8 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-import App from './App';
+import React from 'react'
+import ReactDOM from 'react-dom'
+import App from './App'
 
 it('renders without crashing', () => {
-  const div = document.createElement('div');
-  ReactDOM.render(<App />, div);
-});
+  const div = document.createElement('div')
+  ReactDOM.render(<App />, div)
+})

client/NumberTextInput.js

@@ -1,4 +1,5 @@
-import React, { PropTypes } from 'react'
+import React from 'react'
+import PropTypes from 'prop-types'
 import { parseNumber, formatNumber } from './NumberUtils'
 
 class NumberTextInput extends React.Component {
@@ -15,8 +16,13 @@ class NumberTextInput extends React.Component {
     formatNumber
   }
 
-  componentWillMount = () =>
+  state = {
+    value: null
+  }
+
+  componentWillMount() {
     this.setState({ value: this.props.value })
+  }
 
   handleChange = (event) => {
     const value = this.props.parseNumber(event.target.value)
@@ -27,7 +33,7 @@ class NumberTextInput extends React.Component {
     })
   }
 
-  render = () => {
+  render() {
     const { value } = this.state
     const { parseNumber, formatNumber, ...props } = this.props // eslint-disable-line no-unused-vars
     const displayValue = formatNumber(value)

client/Stats.js

@@ -1,4 +1,5 @@
-import React, { PropTypes } from 'react'
+import React from 'react'
+import PropTypes from 'prop-types'
 import formatBytes from 'pretty-bytes'
 import formatDate from 'date-fns/format'
 import parseDate from 'date-fns/parse'
@@ -35,7 +36,7 @@ class Stats extends React.Component {
   updateMinRequests = (value) => {
     this.setState({ minRequests: value })
   }
-    
+
   render() {
     const { minRequests } = this.state
     const stats = this.props.serverData.cloudflareStats

client/WindowSize.js

@@ -1,4 +1,5 @@
-import React, { PropTypes } from 'react'
+import React from 'react'
+import PropTypes from 'prop-types'
 import { addEvent, removeEvent } from './DOMUtils'
 
 const ResizeEvent = 'resize'

client/index.js

@@ -1,9 +1,9 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-import App from './App';
-import './index.css';
+import React from 'react'
+import ReactDOM from 'react-dom'
+import App from './App'
+import './index.css'
 
 ReactDOM.render(
   <App />,
   document.getElementById('root')
-);
+)