eslint-plugin-react-hooks: Fix international component name compatibility

Author: DavidZidar

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: [
     {

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 {