.eslintrc.json

{
  "env": {
    "browser": true,
    "es2020": true
  },
  "extends": [
    "eslint:recommended",
    "plugin:@typescript-eslint/recommended",
    "plugin:react-hooks/recommended",
    "plugin:@typescript-eslint/recommended-requiring-type-checking",
    "plugin:react/recommended",
    "plugin:prettier/recommended",
    "prettier",
    "airbnb",
    "airbnb-base",
    "plugin:@typescript-eslint/eslint-recommended",
    "plugin:import/recommended"
  ],
  "parser": "@typescript-eslint/parser",
  "parserOptions": {
    "ecmaVersion": "latest",
    "sourceType": "module",
    "project": "tsconfig.json",
    "ecmaFeatures": {
      "jsx": true
    }
  },
  "plugins": [
    "react",
    "react-refresh",
    "react-hooks",
    "@typescript-eslint",
    "eslint-plugin-react",
    "prettier"
  ],
  "rules": {
    "react-refresh/only-export-components": "warn",
    "react/react-in-jsx-scope": "off",
    "@typescript-eslint/ban-types": "warn",
    "@typescript-eslint/explicit-module-boundary-types": "off",
    "@typescript-eslint/no-explicit-any": "off",
    "@typescript-eslint/no-floating-promises": "warn",
    "@typescript-eslint/no-unsafe-assignment": "off",
    "@typescript-eslint/no-unsafe-call": "warn",
    "@typescript-eslint/no-unsafe-member-access": "off",
    "@typescript-eslint/no-unsafe-return": "warn",
    "@typescript-eslint/no-var-requires": "warn",
    "@typescript-eslint/prefer-regexp-exec": "off",
    "@typescript-eslint/restrict-template-expressions": "warn",
    "@typescript-eslint/unbound-method": "warn",
    "no-console": ["warn", { "allow": ["warn", "error"] }],
    "react/display-name": "warn",
    "react/no-children-prop": "off",
    "react/no-find-dom-node": "off",
    "no-use-before-define": "off",
    "@typescript-eslint/no-use-before-define": ["error"],
    "react/jsx-filename-extension": ["warn", { "extensions": [".tsx"] }],
    "import/extensions": [
      "error",
      "ignorePackages",
      { "ts": "never", "tsx": "never" }
    ],
    "no-shadow": "off",
    "@typescript-eslint/no-shadow": ["error"],
    "@typescript-eslint/explicit-function-return-type": [
      "error",
      { "allowExpressions": true }
    ],
    "@typescript-eslint/no-non-null-assertion": ["error"],
    "@typescript-eslint/no-unused-vars": ["error"],
    "@typescript-eslint/no-empty-interface": ["error"],
    "@typescript-eslint/no-inferrable-types": ["error"],
    "@typescript-eslint/no-unused-expressions": ["error"],
    "max-len": ["warn", { "code": 80 }],
    "react-hooks/rules-of-hooks": "error",
    "react-hooks/exhaustive-deps": "warn",
    "react/prop-types": "off",
    "import/prefer-default-export": "off",
    "react/function-component-definition": [
      2,
      { "namedComponents": "arrow-function", "unnamedComponents": "arrow-function" }
    ]
  },
  "overrides": [
    {
      "files": ["*.ts", "*.tsx"],
      "rules": {
        "no-shadow": "off",
        "@typescript-eslint/no-shadow": "error",
        "no-undef": "off",
        "@typescript-eslint/no-unused-vars": [
          "error",
          {"varsIgnorePattern": "^_", "argsIgnorePattern": "^_"}
        ],
        "@typescript-eslint/explicit-module-boundary-types": "off",
        "@typescript-eslint/no-explicit-any": "off"
      }
    },
    {
      "files": ["*.js", "*.jsx"],
      "rules": {
        "@typescript-eslint/no-var-requires": "off",
        "import/no-extraneous-dependencies": "off",
        "import/order": "off",
        "no-unused-vars": "off",
        "@typescript-eslint/no-unused-vars": "off"
      }
    },
    {
      "files": ["*.test.tsx", "*.spec.tsx"],
      "rules": {
        "import/no-extraneous-dependencies": "off"
      }
    }
  ],
  "ignorePatterns": ["dist/", "build/"],
  "globals": {
    "React": true,
    "JSX": true
  },
  "settings": {
    "import/resolver": {
      "typescript": {},
      "babel-module": {"extensions": [".js", ".ts", ".tsx"]}
    }
  },
  "import/no-unresolved": "off",
  "class-methods-use-this": "off",
  "comma-dangle": "off",
  "import/prefer-default-export": "off",
  "no-console": "warn",
  "no-spaced-func": "off",
  "max-params": ["error", 3],
  "react/require-default-props": "off",
  "react/no-inline-styles": "off",
  "react/no-unused-prop-types": "warn",
  "react/no-unstable-nested-components": "off",
  "no-use-before-define": "error",
  "@typescript-eslint/no-use-before-define": ["error"],
  "react/jsx-filename-extension": [
    "warn",
    {
      "extensions": [".tsx"]
    }
  ],
  "import/extensions": [
    "error",
    "ignorePackages",
    {
      "ts": "never",
      "tsx": "never",
      "json": "always"
    }
  ],
  "no-shadow": "off",
  "@typescript-eslint/no-shadow": ["error"],
  "@typescript-eslint/explicit-function-return-type": [
    "error",
    {
      "allowExpressions": true
    }
  ],
  "max-len": [
    "warn",
    {
      "code": 110
    }
  ],
  "react-hooks/rules-of-hooks": "error",
  "react-hooks/exhaustive-deps": "warn",
  "import/order": [
    "error",
    {
      "newlines-between": "always",
      "groups": ["builtin", "external", "index", "parent", "sibling"],
      "alphabetize": {
        "order": "asc",
        "caseInsensitive": true
      }
    }
  ],
  "react/prop-types": "off",
  "no-var": "error",
  "semi": ["error", "always"],
  "no-multi-spaces": "error",
  "space-in-parens": "error",
  "no-multiple-empty-lines": "error",
  "prefer-const": "error",
  "prettier/prettier": [
    "error",
    {
      "trailingComma": "all",
      "printWidth": 110,
      "bracketSpacing": false,
      "singleQuote": true,
      "endOfLine": "auto",
      "arrowParens": "always"
    }
  ],
  "react/react-in-jsx-scope": "off",
  "camelcase": "error",
  "spaced-comment": "error",
  "quotes": ["error", "single"],
  "no-duplicate-imports": "error",
  "@typescript-eslint/no-explicit-any": "off",
  "indent": ["error", 2],
  "no-ternary": "off"
}