Upgrade eslint-plugin-react to 6.10 🤘

Author: robertrossmann

environments/react/optional.js

@@ -24,5 +24,12 @@ module.exports = {
       callbacksLast: false,
       requiredFirst: false,
     }],
+
+    // Forbid foreign propTypes
+    // This rule forbids using another component's prop types unless they are explicitly
+    // imported/exported. This allows people who want to use
+    // babel-plugin-transform-react-remove-prop-types to remove propTypes from their components in
+    // production builds, to do so safely
+    'react/forbid-foreign-prop-types': 1,
   },
 }

environments/react/recommended.js

@@ -179,5 +179,13 @@ module.exports = {
     // Enforce style prop value being an object
     // Require that the value of the prop style be an object or a variable that is an object.
     'react/style-prop-object': 2,
+
+    // Prevent void DOM elements (e.g. <img />, <br />) from receiving children
+    // There are some HTML elements that are only self-closing (e.g. img, br, hr). These are
+    // collectively known as void DOM elements. If you try to give these children, React will give
+    // you a warning:
+    // Invariant Violation: img is a void element tag and must neither have children nor use
+    // dangerouslySetInnerHTML
+    'react/void-dom-elements-no-children': 2,
   },
 }

package.json

@@ -9,7 +9,7 @@
   "contributors": [],
   "dependencies": {
     "eslint-plugin-import": "^2.2.0",
-    "eslint-plugin-react": "^6.9.0"
+    "eslint-plugin-react": "^6.10.0"
   },
   "devDependencies": {
     "eslint": "^3.16.0"

unused.js

@@ -138,6 +138,9 @@ module.exports = {
 
     // eslint-plugin-react
 
+    // Forbid certain elements
+    'react/forbid-elements': 0,
+
     // Forbid certain propTypes
     // This rule checks all JSX components and verifies that no forbidden propsTypes are used.
     'react/forbid-prop-types': 0,