.eslintrc.json

{
  "env": {
    "browser": true,
    "commonjs": true,
    "es6": true,
    "es2017": true,
    "es2020": true,
    "node": true,
    "worker": true
  },
  "extends": [
    "eslint:recommended",
    "plugin:import/recommended",
    "plugin:import/typescript",
    "plugin:jest/recommended",
    "plugin:jsx-a11y/recommended",
    "plugin:react/recommended",
    "plugin:react/jsx-runtime",
    "plugin:react-hooks/recommended",
    "plugin:@typescript-eslint/recommended",
    "prettier"
  ],
  "plugins": [
    "@typescript-eslint",
    "import",
    "jest",
    "jsx-a11y",
    "react",
    "react-hooks"
  ],
  "parser": "@typescript-eslint/parser",
  "parserOptions": {
    "ecmaFeatures": { "ecmaVersion": 11, "jsx": true },
    "requireConfigFile": false,
    "sourceType": "module"
  },
  "rules": {
    "no-var": "error",
    "no-whitespace-before-property": "error",
    "object-shorthand": ["error", "always", { "avoidQuotes": true }],
    "padding-line-between-statements": [
      "error",
      {
        "blankLine": "always",
        "prev": ["block", "block-like", "class", "export"],
        "next": "*"
      },
      {
        "blankLine": "always",
        "prev": "*",
        "next": ["block", "block-like", "class", "export"]
      },
      { "blankLine": "always", "prev": "expression", "next": ["const", "let"] }
    ],
    "quote-props": ["error", "as-needed", { "keywords": true }],
    "quotes": ["error", "single", { "allowTemplateLiterals": true }],
    "sort-imports": [
      "error",
      { "ignoreCase": true, "ignoreDeclarationSort": true }
    ],
    "import/newline-after-import": "error",
    "import/no-dynamic-require": "error",
    "import/no-mutable-exports": "error",
    "import/no-unresolved": "off",
    "import/order": [
      "error",
      {
        "alphabetize": { "caseInsensitive": true, "order": "asc" },
        "groups": [
          "builtin",
          "external",
          "internal",
          "parent",
          "sibling",
          "index"
        ],
        "newlines-between": "always"
      }
    ],
    "jsx-a11y/no-onchange": "off",
    "react/self-closing-comp": "error"
  },
  "overrides": [
    {
      "files": ["*.js"],
      "rules": {
        "@typescript-eslint/no-var-requires": "off"
      }
    }
  ],
  "settings": { "react": { "version": "latest" } }
}