Update dependencies

Author: javivelasco

package.json

@@ -21,26 +21,26 @@
   "author": "Javi Velasco <[email protected]> (http://javivelasco.com/)",
   "license": "MIT",
   "devDependencies": {
-    "babel-cli": "^6.26.0",
-    "babel-core": "^6.26.0",
-    "babel-eslint": "^8.2.1",
-    "babel-jest": "^22.1.0",
-    "babel-preset-env": "^1.6.1",
-    "babel-preset-react": "^6.24.1",
-    "babel-preset-stage-2": "^6.24.1",
-    "enzyme": "^3.3.0",
-    "enzyme-adapter-react-16": "^1.1.1",
-    "eslint": "^4.16.0",
-    "eslint-config-prettier": "^2.9.0",
-    "eslint-plugin-import": "^2.8.0",
-    "eslint-plugin-prettier": "^2.5.0",
-    "eslint-plugin-react": "^7.6.1",
-    "jest": "^22.1.4",
-    "prettier": "^1.10.2",
-    "prop-types": "^15.6.0",
-    "react": "^16.2.0",
-    "react-dom": "^16.2.0",
-    "rimraf": "^2.6.2"
+    "babel-cli": "6.26.0",
+    "babel-core": "6.26.3",
+    "babel-eslint": "9.0.0",
+    "babel-jest": "23.4.2",
+    "babel-preset-env": "1.7.0",
+    "babel-preset-react": "6.24.1",
+    "babel-preset-stage-2": "6.24.1",
+    "enzyme": "3.5.0",
+    "enzyme-adapter-react-16": "1.3.1",
+    "eslint": "5.5.0",
+    "eslint-config-prettier": "3.0.1",
+    "eslint-plugin-import": "2.14.0",
+    "eslint-plugin-prettier": "2.6.2",
+    "eslint-plugin-react": "7.11.1",
+    "jest": "23.5.0",
+    "prettier": "1.14.2",
+    "prop-types": "15.6.2",
+    "react": "16.4.2",
+    "react-dom": "16.4.2",
+    "rimraf": "2.6.2"
   },
   "peerDependencies": {
     "react": "^0.14.9 || ^15.3.0 || ^16.0.0"

src/Tunnel.js

@@ -18,8 +18,8 @@ class Tunnel extends Component {
     this.setTunnelProps(this.props)
   }
 
-  componentWillUpdate(nextProps) {
-    this.setTunnelProps(nextProps)
+  componentDidUpdate() {
+    this.setTunnelProps(this.props)
   }
 
   componentWillUnmount() {

src/TunnelPlaceholder.js

@@ -4,13 +4,15 @@ import React, { Component, Fragment } from 'react'
 class TunnelPlaceholder extends Component {
   static propTypes = {
     children: PropTypes.func,
-    component: PropTypes.element,
+    component: PropTypes.oneOfType([PropTypes.node, PropTypes.symbol]),
     id: PropTypes.string.isRequired,
     multiple: PropTypes.bool,
   }
+
   static defaultProps = {
     component: Fragment,
   }
+
   static contextTypes = {
     tunnelState: PropTypes.object,
   }
@@ -33,7 +35,12 @@ class TunnelPlaceholder extends Component {
 
   render() {
     const { tunnelState } = this.context
-    const { id, children: renderChildren, component: Tag, multiple } = this.props
+    const {
+      id,
+      children: renderChildren,
+      component: Tag,
+      multiple,
+    } = this.props
     const tunnelProps = tunnelState.getTunnelProps(id)
 
     if (renderChildren) {

tests/Tunnel.test.js

@@ -10,15 +10,15 @@ const TUNNEL_ID = 'GroompyTunnel'
 const props = { message: 'Aihop!' }
 
 class Msg extends React.Component {
-  componentWillMount() {
-    this.props.willMount && this.props.willMount()
+  componentDidMount() {
+    this.props.didMount && this.props.didMount()
   }
   render() {
     const { message } = this.props
     return <div className="msg">{message || 'defaultMessage'}</div>
   }
 }
-Msg.propTypes = { message: PropTypes.string, willMount: PropTypes.func }
+Msg.propTypes = { message: PropTypes.string, didMount: PropTypes.func }
 
 describe('Tunnel', () => {
   it('should render a tunnel passing props', () => {
@@ -108,13 +108,13 @@ describe('Tunnel', () => {
 
   describe('update lifecycle', () => {
     const Component = (
-      { msg, visible, willMount }, //eslint-disable-line
+      { msg, visible, didMount }, //eslint-disable-line
     ) => (
       <TunnelProvider>
         <div>
           <TunnelPlaceholder id={TUNNEL_ID}>
             {({ message }) => (
-              <Msg message={message || 'Empty'} willMount={willMount} />
+              <Msg message={message || 'Empty'} didMount={didMount} />
             )}
           </TunnelPlaceholder>
           {visible && <Tunnel id={TUNNEL_ID} message={msg} />}
@@ -148,7 +148,7 @@ describe('Tunnel', () => {
     it('should keep children mounted on re-render', () => {
       let mountSpy = jest.fn()
       const wrapper = mount(
-        <Component msg={msg1} visible willMount={mountSpy} />,
+        <Component msg={msg1} visible didMount={mountSpy} />,
       )
       wrapper.setProps({ msg: msg2 })
       expect(mountSpy).toHaveBeenCalledTimes(1)