jsx-pascal-case: Handle single character namespaced component

jsx-eslint · Sep 10, 2020 · 98e9a3e · 98e9a3e
1 parent 9a569f7
commit 98e9a3e
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/lib/rules/jsx-pascal-case.js b/lib/rules/jsx-pascal-case.js
@@ -97,7 +97,6 @@ module.exports = {
         if (isCompatTag) return undefined;
 
         let name = elementType(node);
-        if (name.length === 1) return undefined;
 
         // Get JSXIdentifier if the type is JSXNamespacedName or JSXMemberExpression
         if (name.lastIndexOf(':') > -1) {
@@ -106,6 +105,8 @@ module.exports = {
           name = name.substring(name.lastIndexOf('.') + 1);
         }
 
+        if (name.length === 1) return undefined;
+
         const isPascalCase = testPascalCase(name);
         const isAllowedAllCaps = allowAllCaps && testAllCaps(name);
         const isIgnored = ignore.indexOf(name) !== -1;

diff --git a/tests/lib/rules/jsx-pascal-case.js b/tests/lib/rules/jsx-pascal-case.js
@@ -82,6 +82,8 @@ ruleTester.run('jsx-pascal-case', rule, {
     code: '<_ />'
   }, {
     code: '<H1>Hello!</H1>'
+  }, {
+    code: '<Typography.P />'
   }],
 
   invalid: [{