.eslintrc.json

{
  "settings": {
    "import/resolver": {
      "typescript": {}
    }
  },
  "extends": [
    "react-app",
    "eslint:recommended",
    "plugin:import/errors",
    "plugin:import/warnings",
    "plugin:import/typescript",
    "plugin:sonarjs/recommended",
    "plugin:import/recommended",
    "plugin:import/typescript"
  ],
  "plugins": [
    "@typescript-eslint",
    "react-hooks",
    "import",
    "prettier",
    "sonarjs",
    "sort-keys-fix",
    "prefer-arrow"
  ],
  "parser": "@typescript-eslint/parser",
  "parserOptions": {
    "project": "./tsconfig.json",
    "tsconfigRootDir": "./"
  },
  "globals": {
    "React": "readonly"
  },
  "rules": {
    "no-unused-vars": [
      0,
      {
        "args": "after-used",
        "argsIgnorePattern": "^_"
      }
    ],
    "import/no-named-as-default": 0,
    "prettier/prettier": "error",
    "import/order": [
      "error",
      {
        "pathGroups": [
          {
            "pattern": "react",
            "group": "external",
            "position": "before"
          }
        ],
        "pathGroupsExcludedImportTypes": [
          "react"
        ],
        "groups": [
          [
            "external",
            "builtin"
          ],
          "internal",
          [
            "parent",
            "sibling",
            "index"
          ]
        ],
        "alphabetize": {
          "order": "asc",
          "caseInsensitive": true
        },
        "newlines-between": "always"
      }
    ],
    "newline-before-return": [
      "error"
    ],
    "import/no-default-export": "error",
    "import/default": "off",
    "no-restricted-exports": [
      "error",
      {
        "restrictedNamedExports": [
          "default"
        ]
      }
    ],
    "react-hooks/exhaustive-deps": "error",
    "curly": "error",
    "no-console": "off",
    //    "no-console": [
    //      "warn",
    //      {
    //        "allow": [
    //          "info",
    //          "warn",
    //          "error"
    //        ]
    //      }
    //    ],
    "no-shadow": "off",
    "require-await": "error",
    "arrow-body-style": [
      "error",
      "as-needed"
    ],
    "@typescript-eslint/no-shadow": [
      "error"
    ],
    "@typescript-eslint/no-unused-vars": "error",
    "@typescript-eslint/no-explicit-any": "warn",
    "@typescript-eslint/no-unnecessary-type-assertion": "error",
    "@typescript-eslint/promise-function-async": "error",
    "@typescript-eslint/prefer-for-of": "error",
    "@typescript-eslint/no-useless-constructor": "error",
    "@typescript-eslint/no-use-before-define": "error",
    "@typescript-eslint/no-this-alias": "error",
    "@typescript-eslint/no-require-imports": "off",
    "@typescript-eslint/no-for-in-array": "error",
    "@typescript-eslint/no-array-constructor": "error",
    "@typescript-eslint/await-thenable": "error",
    "@typescript-eslint/require-array-sort-compare": "error",
    "@typescript-eslint/ban-ts-comment": "off",
    "no-restricted-imports": "error",
    "prefer-arrow-callback": "error",
    "@typescript-eslint/no-var-requires": "off",
    "no-constant-condition": "off",
    "import/namespace": "off",
    "react/jsx-sort-props": [
      "error",
      {
        "callbacksLast": true,
        "shorthandFirst": true,
        "shorthandLast": false,
        "noSortAlphabetically": false,
        "reservedFirst": true
      }
    ],
    "sort-keys": [
      "error",
      "asc",
      {
        "caseSensitive": true,
        "natural": false,
        "minKeys": 2,
        "allowLineSeparatedGroups": true
      }
    ],
    "sort-keys-fix/sort-keys-fix": "warn",
    "prefer-arrow/prefer-arrow-functions": [
      "warn",
      {
        "disallowPrototype": true,
        "singleReturnOnly": false,
        "classPropertiesAllowed": false
      }
    ]
  }
}