.eslintrc.json

{
  "env": {
    "browser": true,
    "es2021": true,
    "amd": true,
    "node": true
  },
  "extends": [
    "eslint:recommended",
    "plugin:react/recommended",
    "plugin:@typescript-eslint/recommended"
  ],
  "parser": "@typescript-eslint/parser",
  "parserOptions": {
    "ecmaFeatures": {
      "jsx": true
    },
    "ecmaVersion": "latest",
    "sourceType": "module"
  },
  "plugins": ["react", "@typescript-eslint"],
  "rules": {
    "@typescript-eslint/no-unused-vars": ["warn", {
      "argsIgnorePattern": "^_$"
    }],
    "object-curly-spacing": [2, "always"],
    "indent": ["error", 2],
    "no-alert": "error",
    "keyword-spacing": "error",
    "no-empty": "error",
    "prefer-const": "off",
    "linebreak-style": ["error", "windows"],
    "semi": ["error", "always"],
    "no-console": [
      "warn", { 
        "allow": ["debug", "error"]
      }
    ],
    "max-len": ["error", { 
      "code": 100,
      "ignorePattern": "^\\s*<[A-Za-z].+>"
    }],
    "no-multi-spaces": "error",
    "space-infix-ops": "error",
    "no-await-in-loop": "error",
    "space-before-blocks": "error",
    "camelcase": "error",
    "jsx-quotes": "error",
    "quotes": ["error", "double", {
      "allowTemplateLiterals": true
    }],
    "array-bracket-newline": ["error", "consistent"],
    "space-in-parens": ["error", "never"],
    "array-bracket-spacing": ["error", "never"],
    "brace-style": ["error", "1tbs"],
    "function-call-argument-newline": ["error", "consistent"],
    "max-lines": ["warn", { 
      "max": 250,
      "skipBlankLines": true,
      "skipComments": true  
    }],
    "max-params": ["warn", 4],
    "max-depth": ["warn", 4],

    // React
    "react/react-in-jsx-scope": "off",
    "react/jsx-tag-spacing": "error",
    "react/jsx-boolean-value": "error",
    "react/jsx-wrap-multilines": ["error", {
      "return": "parens",
      "arrow": "ignore"
    }],
    "react/self-closing-comp": "error",
    "react/jsx-no-bind": ["error", {
      "allowArrowFunctions": true
    }]
  }
}