.eslintrc.json

{
    "env": {
      "browser": true,
      "es2021": true
    },
    "extends": [
      "eslint:recommended",
      "plugin:react/recommended",
      "plugin:react-hooks/recommended",
      "plugin:@typescript-eslint/recommended",
      "plugin:@typescript-eslint/recommended-requiring-type-checking",
      "prettier"
    ],
    "parser": "@typescript-eslint/parser",
    "parserOptions": {
      "project": "./tsconfig.json",
      "ecmaFeatures": {
        "jsx": true
      },
      "ecmaVersion": 2021,
      "sourceType": "module"
    },
    "plugins": ["react", "react-hooks", "@typescript-eslint"],
    "settings": {
      "react": {
        "version": "detect"
      }
    },
    "ignorePatterns": ["build/*", "src/types/*", "src/api/*", "snowpack.config.js"],
    "rules": {
      "indent": ["error", 2, { "SwitchCase": 1 }],
      "linebreak-style": ["error", "unix"],
      "quotes": ["error", "single", { "avoidEscape": true }],
      "semi": ["error", "always"],
      "no-console": "error",
      "curly": ["error", "multi-line", "consistent"],
      "eqeqeq": ["error", "always"],
      "no-eval": "error",
      "no-useless-return": "error",
      "yoda": ["error", "never", { "exceptRange": true }],
      "no-duplicate-imports": "error",
      "object-shorthand": "error",
      "prefer-arrow-callback": "error",
      "implicit-arrow-linebreak": ["error", "beside"],
      "no-nested-ternary": "error",
      "no-unneeded-ternary": "error",
      "no-negated-condition": "error",
      "one-var": ["error", "never"],
      "no-else-return": ["error", { "allowElseIf": false }],
      "no-dupe-else-if": "error",
      "no-lonely-if": "error",
      "eol-last": ["error", "always"],
      "react/function-component-definition": [
        "error",
        {
          "namedComponents": "arrow-function",
          "unnamedComponents": "arrow-function"
        }
      ],
      "react/no-array-index-key": "error",
      "react/no-multi-comp": ["error", { "ignoreStateless": true }],
      "react/no-this-in-sfc": "error",
      "react/no-unstable-nested-components": "error",
      "react/jsx-no-literals": "error",
      "react/jsx-pascal-case": "error",
      "react/prop-types": "off",
      "@typescript-eslint/ban-ts-comment": [
        "error",
        {
          "ts-ignore": "allow-with-description",
          "minimumDescriptionLength": 3
        }
      ],
      "@typescript-eslint/array-type": ["error", { "default": "array" }],
      "@typescript-eslint/no-require-imports": "error",
      "@typescript-eslint/non-nullable-type-assertion-style": "error",
      "@typescript-eslint/prefer-for-of": "error",
      "@typescript-eslint/prefer-includes": "error",
      "@typescript-eslint/prefer-nullish-coalescing": "error",
      "@typescript-eslint/prefer-optional-chain": "error",
      "@typescript-eslint/prefer-literal-enum-member": "error",
      "@typescript-eslint/no-shadow": "error",
      "@typescript-eslint/no-non-null-assertion": "off",
      "@typescript-eslint/no-unsafe-member-access": "off"
    },
    "reportUnusedDisableDirectives": true
  }