Add support and test for custom props name

jsx-eslint · Aug 17, 2017 · f767f68 · f767f68
1 parent 585b94a
commit f767f68
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git a/lib/rules/prop-types.js b/lib/rules/prop-types.js
@@ -918,7 +918,7 @@ module.exports = {
       },
 
       TypeParameterInstantiation: function(node) {
-        if (node.params && node.params[0].type === 'GenericTypeAnnotation' && node.params[0].id.name === 'Props') {
+        if (node.params && node.params[0].type === 'GenericTypeAnnotation') {
           markPropTypesAsDeclared(node, resolveTypeAnnotation(node.params[0]));
         }
       },

diff --git a/tests/lib/rules/prop-types.js b/tests/lib/rules/prop-types.js
@@ -1572,6 +1572,20 @@ ruleTester.run('prop-types', rule, {
       `,
       parser: 'babel-eslint'
     },
+    {
+      code: `
+        type FancyProps = {
+          foo: string,
+        };
+
+        class Bar extends React.Component<FancyProps> {
+          render() {
+            return <div>{this.props.foo}</div>
+          }
+        }
+      `,
+      parser: 'babel-eslint'
+    },
     // issue #1288
     `function Foo() {
       const props = {}