.eslintrc

{
  "root": true,
  "parser": "@typescript-eslint/parser",
  "plugins": ["sonarjs", "@typescript-eslint", "deprecation", "import"],
  "ignorePatterns": ["node_modules", "out"],
  "settings": {
    "import/resolver": {
      "typescript": {
        "project": ["tsconfig.json"],
      },
    },
    "react": {
      "version": "detect",
    },
  },
  "extends": [
    "eslint:recommended",
    "plugin:sonarjs/recommended-legacy",
    "plugin:react/recommended", // Uses the recommended rules from @eslint-plugin-react
    "plugin:@typescript-eslint/recommended", // Uses the recommended rules from the @typescript-eslint/eslint-plugin
    "plugin:@typescript-eslint/recommended-requiring-type-checking", // Rules requiring type checking that take extra computing power
    "plugin:react-hooks/recommended",
    "plugin:@next/next/recommended",
    "plugin:styled-components-a11y/recommended",
  ],
  "env": {
    "browser": true,
    "amd": true,
    "node": true,
  },
  "globals": {
    "Atomics": "readonly",
    "SharedArrayBuffer": "readonly",
  },
  "parserOptions": {
    "ecmaFeatures": {
      "jsx": true,
    },
    "ecmaVersion": "latest",
    "sourceType": "module",
    "project": "./tsconfig.json",
  },
  "rules": {
    "import/no-duplicates": "error",
    "import/no-self-import": "error",
    "import/newline-after-import": "error",
    "import/no-extraneous-dependencies": "error",
    "no-console": "error",
    "no-debugger": "error",
    "no-irregular-whitespace": "error",
    "no-nested-ternary": "error",
    "arrow-body-style": "error",
    "no-return-await": "error",
    "@typescript-eslint/no-empty-interface": [
      "error",
      {
        "allowSingleExtends": true,
      },
    ],
    "@typescript-eslint/no-misused-promises": [
      "error",
      {
        "checksVoidReturn": false,
      },
    ],
    "@typescript-eslint/ban-ts-comment": [
      "error",
      {
        "ts-ignore": "allow-with-description",
        "minimumDescriptionLength": 10,
      },
    ],
    "@typescript-eslint/no-redeclare": "error",
    "@typescript-eslint/no-shadow": "warn",
    "@typescript-eslint/no-unsafe-member-access": "warn",
    "@typescript-eslint/no-unsafe-call": "warn",
    "@typescript-eslint/no-explicit-any": "warn",
    "react/jsx-uses-react": "off",
    "react/react-in-jsx-scope": "off",
    "react-hooks/rules-of-hooks": "error",
    "react-hooks/exhaustive-deps": "warn",
    "react/jsx-fragments": "error",
    "react/jsx-pascal-case": ["error", { "allowAllCaps": true }],
    "react/no-array-index-key": "warn",
    "react/self-closing-comp": [
      "error",
      {
        "component": true,
        "html": true,
      },
    ],
    "react/jsx-no-useless-fragment": ["error", { "allowExpressions": true }],
    "styled-components-a11y/label-has-for": [
      "error",
      {
        "required": {
          "some": ["nesting", "id"],
        },
      },
    ],
    "deprecation/deprecation": "error",
    "sonarjs/prefer-read-only-props": "warn",
    "sonarjs/no-clear-text-protocols": "warn",
    "sonarjs/todo-tag": "warn",
  },
  "overrides": [
    {
      "files": ["**/*.tsx"],
      "rules": {
        "react/prop-types": "off",
      },
    },
    {
      "files": ["**/*.js"],
      "parserOptions": {
        "project": "./tsconfig.eslint.json",
      },
    },
  ],
}