.eslintrc.json

{
  "env": {
    "browser": true,
    "es2021": true
  },
  "extends": [
    "eslint:recommended",
    "plugin:react/recommended",
    "plugin:@typescript-eslint/recommended",
    "prettier"
  ],
  "overrides": [
    {
      "files": ["**/*.ts?(x)", "**/*.js?(x)"],
      "rules": {
        "react/jsx-no-useless-fragment": [
          "error",
          { "allowExpressions": true }
        ],
        "no-nested-ternary": "error",
        "no-unused-vars": "warn",
        "react/self-closing-comp": [
          "error",
          {
            "component": true,
            "html": true
          }
        ],
        "semi": "off",
        "react/react-in-jsx-scope": "off",
        "@typescript-eslint/semi": "off",
        "@typescript-eslint/space-before-function-paren": ["off", "never"],
        "@typescript-eslint/indent": "off",
        "@typescript-eslint/no-var-requires": 0,
        "react-hooks/exhaustive-deps": "warn",
        "unicode-bom": 0,
        "react/jsx-curly-brace-presence": [
          "warn",
          { "props": "never", "children": "never" }
        ],
        "@typescript-eslint/no-extraneous-class": "off",
        "@typescript-eslint/member-delimiter-style": [
          "off",
          {
            "multiline": {
              "delimiter": "semi",
              "requireLast": false
            },
            "singleline": {
              "delimiter": "semi",
              "requireLast": false
            },
            "multilineDetection": "brackets"
          }
        ],
        "@typescript-eslint/no-this-alias": [
          "error",
          {
            "allowDestructuring": true,
            // Allow const { props, state } = this; false by default
            "allowedNames": ["me"]
            // Allow const me= this; [] by default
          }
        ],
        "@typescript-eslint/consistent-type-assertions": "warn",
        "@typescript-eslint/no-useless-constructor": "off",
        "no-debugger": "off",
        "@typescript-eslint/no-explicit-any": "off",
        "@typescript-eslint/no-empty-function": "off",
        "@typescript-eslint/no-non-null-assertion": "off",
        "@typescript-eslint/no-non-null-asserted-optional-chain": "off",
        "@typescript-eslint/ban-types": "off",
        "@typescript-eslint/no-unused-vars": "warn",
        "simple-import-sort/imports": "off",
        "simple-import-sort/exports": "off",
        "unused-imports/no-unused-imports": "warn",
        "react/jsx-sort-props": [
          "warn",
          {
            "shorthandLast": true,
            "callbacksLast": true,
            "multiline": "ignore",
            "ignoreCase": true,
            "noSortAlphabetically": false,
            "reservedFirst": true,
            "locale": "auto"
          }
        ]
      }
    }
  ],
  "parser": "@typescript-eslint/parser",
  "parserOptions": {
    "ecmaVersion": "latest",
    "sourceType": "module"
  },
  "plugins": [
    "react",
    "react-hooks",
    "@typescript-eslint",
    "simple-import-sort",
    "unused-imports",
    "jest"
  ],
  "settings": {
    "react": {
      "version": "detect"
    }
  }
}