Allow numbers in component names (Fixes #1) [publish]

CHANGELOG.md

@@ -1,5 +1,9 @@
 # Changelog
 
+## 0.3.1
+
+Allow numbers in component names (Fixes #1)
+
 ## 0.3.0
 
 Report an error when a file that contains components that can't be fast-refreshed because:

package.json

@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-react-refresh",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "license": "MIT",
   "scripts": {
     "build": "scripts/bundle.ts",

src/only-export-components.ts

@@ -1,11 +1,11 @@
 import { TSESLint } from "@typescript-eslint/utils";
 import { TSESTree } from "@typescript-eslint/types";
 
-const possibleReactExportRE = /^[A-Z][a-zA-Z]*$/;
-// Only letters, starts with uppercase and at least one lowercase
+const possibleReactExportRE = /^[A-Z][a-zA-Z0-9]*$/;
+// Starts with uppercase and at least one lowercase
 // This can lead to some false positive (ex: `const CMS = () => <></>`)
 // But allow to catch `export const CONSTANT = 3`
-const strictReactExportRE = /^[A-Z][a-zA-Z]*[a-z]+[a-zA-Z]*$/;
+const strictReactExportRE = /^[A-Z][a-zA-Z0-9]*[a-z]+[a-zA-Z0-9]*$/;
 
 export const onlyExportComponents: TSESLint.RuleModule<
   | "exportAll"

src/tests.ts

@@ -31,6 +31,10 @@ const valid = [
     name: "Direct export AF component",
     code: "export const Foo = () => {};",
   },
+  {
+    name: "Direct export AF component with number",
+    code: "export const Foo2 = () => {};",
+  },
   {
     name: "Export AF component",
     code: "const Foo = () => {}; export { Foo };",