Fix component detection to ignore functions expression without a parent component

Author: yannickcr

lib/util/Components.js

@@ -483,14 +483,16 @@ function componentRule(rule, context) {
     },
 
     FunctionExpression: function(node) {
-      node = utils.getParentComponent();
+      var component = utils.getParentComponent();
       if (
-        !node ||
-        (node.parent && node.parent.type === 'JSXExpressionContainer')
+        !component ||
+        (component.parent && component.parent.type === 'JSXExpressionContainer')
       ) {
+        // Ban the node if we cannot find a parent component
+        components.add(node, 0);
         return;
       }
-      components.add(node, 1);
+      components.add(component, 1);
     },
 
     FunctionDeclaration: function(node) {
@@ -502,17 +504,19 @@ function componentRule(rule, context) {
     },
 
     ArrowFunctionExpression: function(node) {
-      node = utils.getParentComponent();
+      var component = utils.getParentComponent();
       if (
-        !node ||
-        (node.parent && node.parent.type === 'JSXExpressionContainer')
+        !component ||
+        (component.parent && component.parent.type === 'JSXExpressionContainer')
       ) {
+        // Ban the node if we cannot find a parent component
+        components.add(node, 0);
         return;
       }
-      if (node.expression && utils.isReturningJSX(node)) {
-        components.add(node, 2);
+      if (component.expression && utils.isReturningJSX(component)) {
+        components.add(component, 2);
       } else {
-        components.add(node, 1);
+        components.add(component, 1);
       }
     },
 

tests/lib/rules/display-name.js

@@ -358,6 +358,26 @@ ruleTester.run('display-name', rule, {
       'module.exports = someDecorator;'
     ].join('\n'),
     parser: 'babel-eslint'
+  }, {
+    code: [
+      'const element = (',
+      '  <Media query={query} render={() => {',
+      '    renderWasCalled = true',
+      '    return <div/>',
+      '  }}/>',
+      ')'
+    ].join('\n'),
+    parser: 'babel-eslint'
+  }, {
+    code: [
+      'const element = (',
+      '  <Media query={query} render={function() {',
+      '    renderWasCalled = true',
+      '    return <div/>',
+      '  }}/>',
+      ')'
+    ].join('\n'),
+    parser: 'babel-eslint'
   }
 ],