.eslintrc.json

{
  "root": true,
  "env": { "browser": true, "es2020": true },
  "extends": [
    "airbnb-base",
    "eslint:recommended",
    "plugin:@typescript-eslint/recommended-type-checked",
    "plugin:@typescript-eslint/stylistic-type-checked",
    "plugin:react/recommended",
    "plugin:react/jsx-runtime",
    "plugin:react-hooks/recommended"
  ],
  "ignorePatterns": ["dist", ".eslintrc.cjs"],
  "parser": "@typescript-eslint/parser",
  "parserOptions": {
    "ecmaVersion": "latest",
    "sourceType": "module",
    "project": ["./tsconfig.json", "./tsconfig.node.json"]
    // "tsconfigRootDir": __dirname,
  },
  // "prettier" must be the last item in "plugins" to remove all eslint rules that conflict with prettier
  "plugins": [
    "@typescript-eslint",
    "unused-imports",
    "react-refresh",
    "prettier"
  ],
  "rules": {
    "@typescript-eslint/consistent-type-definitions": ["error", "interface"],
    "@typescript-eslint/no-floating-promises": "error",
    "@typescript-eslint/no-unused-vars": "off",
    "@typescript-eslint/prefer-ts-expect-error": "error",
    "@typescript-eslint/strict-boolean-expressions": [
      "error",
      {
        "allowAny": false,
        "allowNullableBoolean": false,
        "allowNullableNumber": false,
        "allowNullableObject": false,
        "allowNullableString": false,
        "allowNumber": false,
        "allowString": false
      }
    ],
    "eqeqeq": [
      "error",
      "always",
      {
        "null": "ignore"
      }
    ],
    "import/extensions": "off",
    "import/no-default-export": "error",
    "import/no-extraneous-dependencies": "off",
    "import/no-unresolved": "off",
    "import/order": [
      "error",
      {
        "pathGroups": [
          {
            "pattern": "@/**",
            "group": "parent",
            "position": "before"
          }
        ],
        "alphabetize": { "order": "asc", "orderImportKind": "asc" }
      }
    ],
    "import/prefer-default-export": "off",
    "max-classes-per-file": "off",
    "no-undef": "off",
    "no-unused-vars": "off",
    "quotes": [
      "error",
      "single",
      {
        "avoidEscape": true
      }
    ],
    // 使ってない import を自動で消す
    "unused-imports/no-unused-imports": "error",
    "unused-imports/no-unused-vars": [
      "warn",
      {
        "args": "after-used",
        "argsIgnorePattern": "^_",
        "vars": "all",
        "varsIgnorePattern": "^_"
      }
    ],
    "react-refresh/only-export-components": [
      "warn",
      { "allowConstantExport": true }
    ],
    "arrow-body-style": "off",
    "func-style": "off",
    "no-shadow": "off",
    "no-useless-return": "off",
    "react/react-in-jsx-scope": "off",
    "react-hooks/rules-of-hooks": "error",
    "react-hooks/exhaustive-deps": "warn",
    "require-jsdoc": "off",
    // override airbnb-base (recently changed some?)
    // 行末の semicolon (;) を消す
    "semi": "off",
    // 配列や関数の引数のが1行の場合最後の要素の後に , を付けない、複数行の場合は付ける
    "comma-dangle": "off"
  },
  "settings": {
    "react": {
      "version": "detect"
    }
  }
}