.eslintrc.json

{
  "settings": {
    "import/resolver": {
      "typescript": {} // this loads <rootdir>/tsconfig.json to eslint
    }
  },
  "extends": [
    "airbnb",
    "eslint:recommended",
    "plugin:@typescript-eslint/recommended",
    "plugin:jest/recommended",
    "plugin:jsx-a11y/recommended",
    "plugin:prettier/recommended",
    "plugin:react-hooks/recommended",
    "plugin:react/recommended",
    "plugin:security/recommended-legacy",
    "plugin:sonarjs/recommended-legacy",
    "plugin:unicorn/recommended"
  ],
  "plugins": [
    "@typescript-eslint",
    "html",
    "import",
    "jest",
    "jsx-a11y",
    "prettier",
    "react",
    "react-hooks",
    "security",
    "sonarjs",
    "unicorn"
  ],
  "rules": {
    "react/display-name": "off",
    "no-restricted-syntax": "off",
    "consistent-return": "off",
    "prettier/prettier": "error",
    "unicorn/prevent-abbreviations": "off",
    "unicorn/filename-case": [
      "error",
      {
        "case": "kebabCase",
        "ignore": [
          ".tsx"
        ]
      }
    ],
    "react/react-in-jsx-scope": "off",
    "react/jsx-filename-extension": "off",
    "react/jsx-props-no-spreading": "off",
    "react/function-component-definition": "off",
    "react/jsx-no-useless-fragment": [
      "error",
      {
        "allowExpressions": true
      }
    ],
    "import/prefer-default-export": "off",
    "import/extensions": "off",
    "no-shadow": "off",
    "@typescript-eslint/no-shadow": "error",
    "@typescript-eslint/no-unused-vars": [
      "error",
      {
        "ignoreRestSiblings": true,
        "argsIgnorePattern": "^_",
        "varsIgnorePattern": "^_"
      }
    ],
    "security/detect-object-injection": "off",
    "sonarjs/no-duplicate-string": "off",
    "react/no-danger": "off",
    "no-param-reassign": "off",
    "react/require-default-props": "off",
    "no-useless-constructor": "off",
    "sonarjs/no-small-switch": "off",
    "sonarjs/no-unused-vars": "off",
    "react/jsx-no-bind": "off",
    "unicorn/no-null": "off",
    "prefer-regex-literals": "off",
    "class-methods-use-this": "off",
    "no-underscore-dangle": "off",
    "import/no-extraneous-dependencies": [
      "error",
      {
        "devDependencies": [
          "jest.config.ts",
          "jest.setup.ts",
          "src/__tests__/**"
        ]
      }
    ],
    "no-empty-function": "off"
  },
  "overrides": [
    {
      "files": [
        "*.js"
      ],
      "rules": {
        "@typescript-eslint/no-var-requires": "off",
        "@typescript-eslint/no-require-imports": "off",
        "unicorn/prefer-module": "off",
        "global-require": "off"
      }
    },
    {
      "files": [
        "*.test.{ts,tsx}"
      ],
      "rules": {
        "unicorn/no-useless-undefined": "off",
        "unicorn/consistent-function-scoping": "off",
        "max-classes-per-file": "off"
      }
    }
  ]
}