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

Author: chiawendt

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;
         }
 

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([