fix: 🐛 set allowExportNames for react-refresh & nextjs

src/rules/__snapshots__/react.spec.ts.snap

@@ -1,6 +1,6 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`should create react rules 1`] = `
+exports[`reactRules > should create react rules 1`] = `
 {
   "jsx-a11y/alt-text": "error",
   "jsx-a11y/anchor-ambiguous-text": "off",
@@ -195,6 +195,7 @@ exports[`should create react rules 1`] = `
     "warn",
     {
       "allowConstantExport": true,
+      "allowExportNames": [],
     },
   ],
   "react/boolean-prop-naming": "off",

src/rules/react.spec.ts

@@ -1,5 +1,40 @@
+import { isPackageExists } from "local-pkg";
+
 import { reactRules } from "./react";
 
-test("should create react rules", async () => {
-  await expect(reactRules()).resolves.toMatchSnapshot();
+vi.mock("local-pkg");
+
+describe("reactRules", () => {
+  it("should create react rules", async () => {
+    await expect(reactRules()).resolves.toMatchSnapshot();
+  });
+
+  it("should add allowExportNames for nextjs", async () => {
+    vi.mocked(isPackageExists).mockImplementation((name) => {
+      return name === "next";
+    });
+
+    const rules = await reactRules();
+
+    const allowExportNames =
+      rules["react-refresh/only-export-components"][1].allowExportNames;
+
+    expect(allowExportNames).toMatchInlineSnapshot(`
+      [
+        "dynamic",
+        "dynamicParams",
+        "revalidate",
+        "fetchCache",
+        "runtime",
+        "preferredRegion",
+        "maxDuration",
+        "config",
+        "generateStaticParams",
+        "metadata",
+        "generateMetadata",
+        "viewport",
+        "generateViewport",
+      ]
+    `);
+  });
 });

src/rules/react.ts

@@ -1,13 +1,31 @@
 import type { Rules } from "../types";
 
+import { hasNext } from "../utils/has-dependency";
 import { interopDefault } from "../utils/interop-default";
 import { normalizeRuleEntries } from "../utils/normalize-rule-entries";
 
+const nextAllowedExportNames = [
+  "dynamic",
+  "dynamicParams",
+  "revalidate",
+  "fetchCache",
+  "runtime",
+  "preferredRegion",
+  "maxDuration",
+  "config",
+  "generateStaticParams",
+  "metadata",
+  "generateMetadata",
+  "viewport",
+  "generateViewport",
+];
+
 export const reactRules = async () => {
   const [reactPlugin, jsxA11yPlugin] = await Promise.all([
     interopDefault(import("eslint-plugin-react")),
     interopDefault(import("eslint-plugin-jsx-a11y")),
   ]);
+  const isUsingNext = hasNext();
 
   return {
     ...jsxA11yPlugin.configs.recommended.rules,
@@ -18,7 +36,10 @@ export const reactRules = async () => {
     "react-hooks/rules-of-hooks": "error",
     "react-refresh/only-export-components": [
       "warn",
-      { allowConstantExport: true },
+      {
+        allowConstantExport: true,
+        allowExportNames: isUsingNext ? nextAllowedExportNames : [],
+      },
     ],
     "react/boolean-prop-naming": "off", // revisit
     "react/button-has-type": "error",

src/utils/has-dependency.ts

@@ -43,3 +43,7 @@ export const hasPlaywright = () => {
 export const hasStorybook = () => {
   return isPackageExists("storybook");
 };
+
+export const hasNext = () => {
+  return isPackageExists("next");
+};