.eslintrc.json

{
  "env": {
    "browser": true,
    "es2021": true,
    "jest": true,
    "amd": true,
    "node": true
  },
  "extends": [
    "eslint:recommended",
    "plugin:react/recommended",
    "plugin:@typescript-eslint/recommended",
    "plugin:prettier/recommended"
  ],
  "parser": "@typescript-eslint/parser",
  "parserOptions": {
    "ecmaFeatures": {
      "jsx": true
    },
    "ecmaVersion": "latest",
    "sourceType": "module"
  },
  "plugins": ["react", "@typescript-eslint"],
  "rules": {
    "import/extensions": 0,

    "import/no-named-as-default-member": 0,
    "react/prop-types": 1,
    "react/display-name": 0,
    "@typescript-eslint/no-var-requires": 0,

    // Will not raise lint error in case of 'any' type assigning.
    // Our focus is to remove this in future.
    "@typescript-eslint/no-explicit-any": "off",

    // Require a whitespace at the beginning of a comment
    "spaced-comment": ["error", "always"],

    // Maximum line length for comments
    // Trailing comments allowed beyond maximum line length
    "max-len": ["error", { "code": 400, "comments": 100, "ignoreTrailingComments": true }],

    // Require PascalCase for user-defined JSX components
    "react/jsx-pascal-case": ["error"],

    // Console logs cannot be committed.
    "no-console": ["error"],

    // Require props to be sorted
    "react/jsx-sort-props": ["error", { "callbacksLast": true, "shorthandFirst": true }],

    // Omit boolean prop value when set to true
    "react/jsx-boolean-value": ["error", "never"],

    // Require self closing tags in JSX/HTML
    "react/self-closing-comp": ["error", { "component": true, "html": true }],

    // Disallow unnecessary curly braces in JSX
    "react/jsx-curly-brace-presence": ["error", "never"],

    // Require blank line before certain statements
    "padding-line-between-statements": [
      "error",
      { "blankLine": "always", "prev": "*", "next": "function" },
      { "blankLine": "always", "prev": "*", "next": "class" },
      { "blankLine": "always", "prev": "*", "next": "export" },
      // Ignore consecutive export statements
      { "blankLine": "any", "prev": "export", "next": "export" },
      { "blankLine": "always", "prev": "*", "next": "return" },
      { "blankLine": "always", "prev": "*", "next": "break" },
      { "blankLine": "always", "prev": "*", "next": "continue" },
      { "blankLine": "always", "prev": "*", "next": "throw" }
    ]
  },
  "settings": {
    "react": {
      "version": "detect"
    }
  }
}