[Fix] display-name: fix false positive when using memo

jsx-eslint · Jun 1, 2022 · 06a82b5 · 06a82b5
1 parent e7fc22f
commit 06a82b5
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/lib/util/Components.js b/lib/util/Components.js
@@ -515,7 +515,7 @@ function componentRule(rule, context) {
 
         // Case like `React.memo(() => <></>)` or `React.forwardRef(...)`
         const pragmaComponentWrapper = utils.getPragmaComponentWrapper(node);
-        if (pragmaComponentWrapper) {
+        if (pragmaComponentWrapper && utils.isReturningJSXOrNull(node)) {
           return pragmaComponentWrapper;
         }
 

diff --git a/tests/lib/rules/display-name.js b/tests/lib/rules/display-name.js
@@ -588,6 +588,19 @@ ruleTester.run('display-name', rule, {
         }
       `,
     },
+    {
+      // issue #3303
+      code: `
+        function MyComponent(props) {
+          return <b>{props.name}</b>;
+        }
+            
+        const MemoizedMyComponent = React.memo(
+          MyComponent,
+          (prevProps, nextProps) => prevProps.name === nextProps.name
+        )
+      `,
+    },
   ]),
 
   invalid: parsers.all([