Update dependencies

Prepare for React 16.3 by removing componentWillUpdate usage

Author: thebuilder

package.json

@@ -62,29 +62,29 @@
     "react": "^15.0.0 || ^16.0.0 || ^17.0.0"
   },
   "devDependencies": {
-    "@storybook/addon-actions": "^3.2.14",
-    "@storybook/addon-options": "^3.2.14",
-    "@storybook/react": "^3.2.14",
+    "@storybook/addon-actions": "^3.3.12",
+    "@storybook/addon-options": "^3.3.12",
+    "@storybook/react": "^3.3.12",
     "babel-cli": "^6.24.1",
     "babel-core": "^6.25.0",
-    "babel-jest": "^22.0.0",
+    "babel-jest": "^22.1.0",
     "babel-preset-env": "^1.6.1",
     "babel-preset-react": "^6.24.1",
     "babel-preset-stage-2": "^6.24.1",
     "babel-runtime": "^6.25.0",
     "concurrently": "3.5.1",
-    "enzyme": "^3.1.1",
+    "enzyme": "^3.3.0",
     "enzyme-adapter-react-16": "^1.0.4",
-    "enzyme-to-json": "^3.2.2",
-    "eslint": "^4.10.0",
-    "eslint-config-insilico": "^5.0.1",
-    "flow-bin": "^0.63.0",
-    "flow-copy-source": "^1.2.1",
+    "enzyme-to-json": "^3.3.1",
+    "eslint": "^4.17.0",
+    "eslint-config-insilico": "^5.1.0",
+    "flow-bin": "^0.64.0",
+    "flow-copy-source": "^1.2.2",
     "husky": "^0.14.3",
     "intersection-observer": "^0.5.0",
-    "jest": "^22.0.0",
-    "lint-staged": "^6.0.0",
-    "prettier": "^1.8.1",
+    "jest": "^22.1.4",
+    "lint-staged": "^6.1.0",
+    "prettier": "^1.10.2",
     "react": "^16.2.0",
     "react-dom": "^16.2.0",
     "react-test-renderer": "^16.2.0",

src/index.js

@@ -50,12 +50,6 @@ class Observer extends React.Component<Props, State> {
     inView: false,
   }
 
-  componentWillUpdate(nextProps: Props, nextState: State) {
-    if (!!this.props.onChange && nextState !== this.state) {
-      this.props.onChange(nextState.inView)
-    }
-  }
-
   componentDidUpdate(prevProps: Props, prevState: State) {
     // If a IntersectionObserver option changed, reinit the observer
     if (
@@ -109,7 +103,12 @@ class Observer extends React.Component<Props, State> {
     }
   }
 
-  handleChange = (inView: boolean) => this.setState({ inView })
+  handleChange = (inView: boolean) => {
+    this.setState({ inView })
+    if (this.props.onChange) {
+      this.props.onChange(inView)
+    }
+  }
 
   render() {
     const {