feat: use react/forbid-dom-props

move forbid DOM props from unused to recommended for "id" and "style" props

Author: arnostpleskot

Diff for: environments/react/recommended.js

@@ -262,5 +262,10 @@ module.exports = {
     // Invariant Violation: img is a void element tag and must neither have children nor use
     // dangerouslySetInnerHTML
     'react/void-dom-elements-no-children': 'error',
+
+    // Forbid certain props on DOM Nodes
+    // This rule checks all JSX elements and verifies that no forbidden props are used on DOM Nodes.
+    // This rule only applies to DOM Nodes (e.g. <div />) and not Components (e.g. <Component />).
+    'react/forbid-dom-props': ['error', { forbid: ['style', 'id'] }],
   },
 }

Diff for: unused.js

@@ -168,9 +168,6 @@ module.exports = {
     // Forbid certain props on Components
     'react/forbid-component-props': 0,
 
-    // Forbid certain props on DOM Nodes
-    'react/forbid-dom-props': 0,
-
     // Enforce React components to have a shouldComponentUpdate method
     'react/require-optimization': 0,