fix PropTypes warnings, fix react-addons-test-utils deprecation, fix …

…eslint to work with test/

package.json

@@ -50,11 +50,11 @@
     "cross-env": "^5.0.1",
     "eslint": "^3.9.0",
     "eslint-config-rackt": "^1.1.1",
+    "eslint-plugin-react": "^7.1.0",
     "github-changes": "^1.0.4",
     "jsdom": "^8.4.0",
     "mocha": "^2.4.5",
     "react": "^15.0.1",
-    "react-addons-test-utils": "^15.0.1",
     "react-dom": "^0.14.0 || ^15.0.0",
     "should": "^8.0.2",
     "sinon": "^1.17.3",
@@ -70,7 +70,7 @@
     "build": "npm run build:umd && npm run build:umd-min",
     "build:watch": "npm run build -- --watch",
     "clean": "rimraf dist",
-    "lint": "eslint src",
+    "lint": "eslint src test",
     "test": "cross-env NODE_PATH=$NODE_PATH:$PWD/src mocha -R spec --compilers js:babel-register --require ./test/setup.js test/*_test.js",
     "changelog": "github-changes -o contra -r react-responsive -b master -f ./CHANGELOG.md --order-semver --use-commit-body",
     "docs": "npm run docs:pre && npm run docs:build && npm run docs:publish",
@@ -90,21 +90,28 @@
   },
   "eslintConfig": {
     "parser": "babel-eslint",
-    "extends": "rackt",
+    "extends": ["rackt","plugin:react/recommended"],
     "env": {
       "browser": true,
       "node": true,
-      "es6": true
+      "es6": true,
+      "mocha": true
     },
     "ecmaFeatures": {
-      "modules": true
+      "modules": true,
+      "ecmaVersion": 7,
+      "jsx": true
     },
     "rules": {
       "semi": [
         2,
         "never"
-      ]
-    }
+      ],
+      "react/prop-types": 0
+    },
+    "plugins": [
+      "react"
+    ]
   },
   "engines": {
     "node": ">= 0.10"

src/index.js

@@ -10,9 +10,9 @@ const defaultTypes = {
   component: PropTypes.node,
   query: PropTypes.string,
   values: PropTypes.shape(mediaQuery.matchers),
-  children: PropTypes.oneOfType([ PropTypes.node, PropTypes.function ]),
-  onChange: PropTypes.function,
-  onBeforeChange: PropTypes.function,
+  children: PropTypes.oneOfType([ PropTypes.node, PropTypes.func ]),
+  onChange: PropTypes.func,
+  onBeforeChange: PropTypes.func
 }
 const mediaKeys = Object.keys(mediaQuery.all)
 const excludedQueryKeys = Object.keys(defaultTypes)
@@ -62,7 +62,7 @@ export default class MediaQuery extends React.Component {
 
     if (this._mql) {
       this._mql.removeListener(this.updateMatches)
-      this._mql.dispose();
+      this._mql.dispose()
     }
 
     this._mql = matchMedia(this.query, values)
@@ -77,14 +77,14 @@ export default class MediaQuery extends React.Component {
   }
 
   componentDidUpdate(_, prevState) {
-   if(this.props.onChange && prevState.matches !== this.state.matches) {
-     this.props.onChange(this.state.matches)
-   }
+    if(this.props.onChange && prevState.matches !== this.state.matches) {
+      this.props.onChange(this.state.matches)
+    }
   }
 
   componentWillUnmount() {
     this._mql.removeListener(this.updateMatches)
-    this._mql.dispose();
+    this._mql.dispose()
   }
 
   updateMatches = () => {