[New] no-did-mount-set-state, no-did-update-set-state: no-op with…

… react >= 16.3 Fixes #1754
jsx-eslint · Feb 5, 2022 · 42a8093 · 42a8093
1 parent 0a0a2e1
commit 42a8093
Show file tree

Hide file tree

Showing 4 changed files with 451 additions and 409 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -10,6 +10,7 @@ This change log adheres to standards from [Keep a CHANGELOG](https://keepachange
 * [`jsx-no-target-blank`]: Improve fixer with option `allowReferrer` ([#3167][] @apepper)
 * [`jsx-curly-brace-presence`]: add "propElementValues" config option ([#3191][] @ljharb)
 * add [`iframe-missing-sandbox`] rule ([#2753][] @tosmolka @ljharb)
+* [`no-did-mount-set-state`], [`no-did-update-set-state`]: no-op with react >= 16.3 ([#1754][] @ljharb)
 
 ### Fixed
 * [`prop-types`], `propTypes`: add support for exported type inference ([#3163][] @vedadeepta)
@@ -42,6 +43,7 @@ This change log adheres to standards from [Keep a CHANGELOG](https://keepachange
 [#3133]: https://github.com/yannickcr/eslint-plugin-react/pull/3133
 [#2921]: https://github.com/yannickcr/eslint-plugin-react/pull/2921
 [#2753]: https://github.com/yannickcr/eslint-plugin-react/pull/2753
+[#1754]: https://github.com/yannickcr/eslint-plugin-react/issues/1754
 [#1046]: https://github.com/yannickcr/eslint-plugin-react/issues/1046
 [#620]: https://github.com/yannickcr/eslint-plugin-react/pull/620
 [#519]: https://github.com/yannickcr/eslint-plugin-react/issues/519

diff --git a/lib/util/makeNoMethodSetStateRule.js b/lib/util/makeNoMethodSetStateRule.js
@@ -7,6 +7,7 @@
 
 const docsUrl = require('./docsUrl');
 const report = require('./report');
+const testReactVersion = require('./version').testReactVersion;
 
 // ------------------------------------------------------------------------------
 // Rule Definition
@@ -29,7 +30,18 @@ const messages = {
   noSetState: 'Do not use setState in {{name}}',
 };
 
-function makeNoMethodSetStateRule(methodName, shouldCheckUnsafeCb) {
+const methodNoopsAsOf = {
+  componentDidMount: '>= 16.3.0',
+  componentDidUpdate: '>= 16.3.0',
+};
+
+function shouldBeNoop(context, methodName) {
+  return methodName in methodNoopsAsOf
+    && testReactVersion(context, methodNoopsAsOf[methodName])
+    && !testReactVersion(context, '999.999.999'); // for when the version is not specified
+}
+
+module.exports = function makeNoMethodSetStateRule(methodName, shouldCheckUnsafeCb) {
   return {
     meta: {
       docs: {
@@ -67,6 +79,10 @@ function makeNoMethodSetStateRule(methodName, shouldCheckUnsafeCb) {
 
       return {
         CallExpression(node) {
+          if (shouldBeNoop(context, methodName)) {
+            return;
+          }
+
           const callee = node.callee;
           if (
             callee.type !== 'MemberExpression'
@@ -100,6 +116,4 @@ function makeNoMethodSetStateRule(methodName, shouldCheckUnsafeCb) {
       };
     },
   };
-}
-
-module.exports = makeNoMethodSetStateRule;
+};