eslint-plugin-react-hooks: Fix international component name compatibi…

…lity
facebook · Feb 24, 2025 · 8a78051 · 8a78051
1 parent 2567726
commit 8a78051
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 1 deletion.
diff --git a/packages/eslint-plugin-react-hooks/__tests__/ESLintRulesOfHooks-test.js b/packages/eslint-plugin-react-hooks/__tests__/ESLintRulesOfHooks-test.js
@@ -561,6 +561,15 @@ const tests = {
         };
       `,
     },
+    {
+      code: normalizeIndent`
+        // Valid because React supports international languages
+        function ÄndraVärdeComponent() {
+          useHook();
+          return <div />;
+        }
+      `
+    },
   ],
   invalid: [
     {

diff --git a/packages/eslint-plugin-react-hooks/src/RulesOfHooks.ts b/packages/eslint-plugin-react-hooks/src/RulesOfHooks.ts
@@ -42,7 +42,10 @@ function isHook(node: Node): boolean {
  * always start with an uppercase letter.
  */
 function isComponentName(node: Node): boolean {
-  return node.type === 'Identifier' && /^[A-Z]/.test(node.name);
+  return node.type === 'Identifier' &&
+    node.name[0] === node.name[0].toUpperCase() &&
+    node.name[0] !== '_' &&
+    node.name[0] !== '$';
 }
 
 function isReactFunction(node: Node, functionName: string): boolean {