.eslintrc.json

{
    "env": {
        "browser": true,
        "es2021": true,
        "node": true
    },
    "settings": {
        "react": {
            "version": "16.14.0"
        },
        "import/resolver": {
            "typescript": true
        }
    },
    "extends": [
        "eslint:recommended",
        "plugin:react/recommended",
        "plugin:react/jsx-runtime",
        "plugin:@typescript-eslint/recommended",
        "plugin:import/recommended",
        "plugin:import/typescript"
    ],
    "parser": "@typescript-eslint/parser",
    "parserOptions": {
        "ecmaFeatures": {
            "jsx": true
        },
        "ecmaVersion": "latest",
        "sourceType": "module"
    },
    "plugins": [
        "react",
        "react-hooks",
        "@typescript-eslint"
    ],
    "rules": {
        "indent": [
            "error",
            2
        ],
        "linebreak-style": [
            "error",
            "unix"
        ],
        "quotes": [
            "error",
            "single"
        ],
        "semi": [
            "error",
            "always"
        ],
        "no-multiple-empty-lines": ["error", { "max": 1, "maxEOF": 1 }],
        "comma-style": ["error", "last"],
        "comma-dangle": ["error", {
            "arrays": "always-multiline",
            "objects": "always-multiline",
            "imports": "always-multiline",
            "exports": "always-multiline",
            "functions": "never"
        }],
        "object-curly-spacing": ["error", "always"],
        "object-curly-newline": ["error", {
            "ImportDeclaration": { "multiline": true, "minProperties": 6 }
        }],
        "quote-props": ["error", "as-needed"],
        "arrow-parens": ["error", "always"],
        "no-trailing-spaces": ["error"],
        "jsx-quotes": ["error", "prefer-double"],
        "no-multi-spaces": "error",
        "no-duplicate-imports": "error",
        "react/jsx-boolean-value": ["error", "never"],
        "react-hooks/rules-of-hooks": "error",
        "react-hooks/exhaustive-deps": "warn",
        "react/jsx-wrap-multilines": ["error", {
            "declaration": "parens-new-line",
            "assignment": "parens-new-line",
            "return": "parens-new-line",
            "arrow": "parens-new-line",
            "condition": "parens-new-line",
            "logical": "parens-new-line",
            "prop": "ignore"
        }],
        "react/jsx-tag-spacing": ["error", {
            "closingSlash": "never",
            "beforeSelfClosing": "always",
            "afterOpening": "never",
            "beforeClosing": "proportional-always"
        }],
        "react/jsx-curly-spacing": ["error", {
            "when": "never",
            "children": true
        }],
        "react/self-closing-comp": ["error", {
            "component": true,
            "html": true
        }],
        "react/jsx-closing-bracket-location": ["error"],
        "@typescript-eslint/ban-ts-comment": [2, { "ts-ignore": "allow-with-description" }],
        "@typescript-eslint/no-explicit-any": "off",
        "import/no-unresolved": "off",
        "import/no-named-as-default": "off",
        "import/first": "error",
        "import/order": ["error", {
            "groups": ["builtin", "external", "internal", "parent", "sibling", "index", "object", "type"],
            "newlines-between": "always"
        }]
    }
}