eslint.config.js

import js from "@eslint/js"
import globals from "globals"
import reactHooks from "eslint-plugin-react-hooks"
import reactRefresh from "eslint-plugin-react-refresh"
import tseslint from "typescript-eslint"
import { defineConfig, globalIgnores } from "eslint/config"
import eslintConfigPrettier from "eslint-config-prettier"
import jsxA11y from "eslint-plugin-jsx-a11y"

import preferExportFunction from "./src/rules/prefer-export-function.js"

export default defineConfig([
  globalIgnores(["dist", ".next"]),
  {
    files: ["**/*.{ts,tsx}"],
    extends: [
      js.configs.recommended,
      tseslint.configs.recommended,
      reactHooks.configs.flat.recommended,
      reactRefresh.configs.recommended,
      jsxA11y.flatConfigs.recommended,
      eslintConfigPrettier,
    ],
    languageOptions: {
      ecmaVersion: 2020,
      globals: globals.browser,
    },
    plugins: {
      "local-rules": {
        rules: {
          "prefer-export-function": preferExportFunction,
        },
      },
    },
    rules: {
      // setState in useEffect on mount is a valid pattern for reading from external sources (localStorage, etc.)
      "react-hooks/set-state-in-effect": "warn",
      "no-empty": ["error", { allowEmptyCatch: true }],
      // react-refresh rules are designed for Vite; Next.js has its own Fast Refresh mechanism
      "react-refresh/only-export-components": "off",
      "@typescript-eslint/consistent-type-definitions": ["error", "interface"],
      "no-implicit-coercion": [
        "error",
        {
          boolean: true,
        },
      ],
      "local-rules/prefer-export-function": "error",
    },
  },
])