.eslintrc

{
  "root": true,
  "env": { "browser": true, "es2020": true },

  "extends": [
    "eslint:recommended",
    "plugin:react/recommended",
    "plugin:react-hooks/recommended",
    "plugin:react/jsx-runtime",
    "plugin:import/recommended",
    "plugin:jsx-a11y/recommended",
    "prettier"
  ],

  "settings": {
    "ecmaVersion": "latest",
    "react": {
      "version": "detect"
    },
    "import/resolver": {
      "typescript": {
        "project": ["./tsconfig.json", "./tsconfig.app.json", "./tsconfig.node.json"]
      }
    }
  },

  "plugins": ["react", "react-hooks", "import", "jsx-a11y", "react-refresh"],

  "overrides": [
    {
      "files": ["*.ts", "*.tsx"],

      "parser": "@typescript-eslint/parser",
      "parserOptions": { "project": ["./tsconfig.json", "./tsconfig.app.json", "./tsconfig.node.json"] },

      "extends": [
        "plugin:@typescript-eslint/eslint-recommended",
        "plugin:@typescript-eslint/recommended",
        "plugin:@typescript-eslint/recommended-requiring-type-checking",
        "plugin:import/typescript"
      ],

      "plugins": ["@typescript-eslint/eslint-plugin"],

      "rules": {
        // airbnb cfg
        "no-shadow": "error",
        "no-shadow-restricted-names": "error",

        // dx
        "@typescript-eslint/no-unused-vars": "warn",

        // react-hook-form onSubmit
        "@typescript-eslint/no-misused-promises": [2, { "checksVoidReturn": { "attributes": false } }],

        // import sort
        "import/order": [
          1,
          {
            "groups": ["external", "builtin", "internal", "parent", "sibling", "index"],
            "newlines-between": "always",
            "alphabetize": { "order": "asc" }
          }
        ]
      }
    }
  ]
}