.eslintrc.json

{
    "env": {
        "browser": true,
        "es2021": true
    },
    "extends": [
        "eslint:recommended",
        "airbnb",
        "airbnb-typescript",
        "prettier",
        "plugin:react/recommended",
        "plugin:import/typescript",
        "plugin:prettier/recommended"
    ],
    "settings": {
        "import/resolver": {
            "typescript": {}
        }
    },
    "parser": "@typescript-eslint/parser",
    "parserOptions": {
        "ecmaFeatures": {
            "jsx": true
        },
        "ecmaVersion": "latest",
        "sourceType": "module",
        "tsconfigRootDir": ".",
        "project": ["./tsconfig.json"]
    },
    "plugins": [
        "react",
        "@typescript-eslint",
        "jest",
        "unused-imports",
        "autofix",
        "prefer-arrow",
        "prettier"
    ],
    "rules": {
        "prettier/prettier": "error",
        "no-empty": "off",
        "consistent-return": "off",
        "prefer-const": "off",
        "no-var": "off",
        "autofix/prefer-const": "error",
        "autofix/no-var": "error",
        "prefer-arrow/prefer-arrow-functions": [
            "off",
            {
                "disallowPrototype": false,
                "singleReturnOnly": true,
                "classPropertiesAllowed": false
            }
        ],
        "prefer-arrow-callback": ["error"],
        "func-style": ["error", "expression", { "allowArrowFunctions": true }],
        "react/require-default-props": "off",
        "react/jsx-props-no-spreading": "off",
        "react/prop-types": "off",
        "no-plusplus": "off",
        "no-continue": "off",
        "no-return-assign": "off",
        "react/no-array-index-key": "off",
        "no-param-reassign": "off",
        "autofix/prefer-arrow-callback": "error",
        "react/jsx-no-useless-fragment": "off",
        "no-console": "off",
        "unused-imports/no-unused-imports": "error",
        "unused-imports/no-unused-imports-ts": "error",
        "@typescript-eslint/no-unused-vars": "off",
        "import/no-cycle": "off",
        "import/prefer-default-export": "off",
        "indent": "off",
        "react/jsx-filename-extension": [1, { "extensions": [".tsx"] }],
        "naming-convention": "off",
        "@typescript-eslint/naming-convention": "off",
        "no-shadow": "off",
        "@typescript-eslint/no-shadow": "off",
        "import/no-named-as-default": "off",
        "no-underscore-dangle": "off",
        "class-methods-use-this": "off",
        "func-names": "off",
        "react/function-component-definition": [
            "error",
            {
                "namedComponents": "arrow-function",
                "unnamedComponents": "arrow-function"
            }
        ],
        "import/no-mutable-exports": "off",
        "vars-on-top": "off",
        "react/jsx-uses-react": "off",
        "react/react-in-jsx-scope": "off"
    },
    "overrides": [
        {
            "files": ["**/*.test.js", "**/*.test.ts"],
            "env": { "jest/globals": true },
            "plugins": ["jest"],
            "extends": ["plugin:jest/recommended"]
        }
    ]
}