.eslintrc.json

{
  "parserOptions": {
    "ecmaVersion": "latest",
    "sourceType": "module",
    "ecmaFeatures": { "jsx": true }
  },
  "env": {
    "es2021": true,
    "browser": true,
    "node": true
  },
  "extends": [
    "eslint:recommended",
    "plugin:react/all",
    "plugin:jest/recommended",
    "react-app",
    "react-app/jest"
  ],
  "ignorePatterns": ["service-worker.js"],
  "plugins": ["react", "jest"],
  "rules": {
    "react/jsx-max-depth": ["warn", { "max": 5 }],
    "react/jsx-indent": ["warn", 2],
    "react/jsx-indent-props": ["warn", 2],
    "react/jsx-no-literals": "off",
    "react/no-multi-comp": "off",
    "react/no-set-state": "off",
    "react/no-array-index-key": "warn",
    "react/no-danger": "warn",
    "react/forbid-component-props": "off",
    "react-hooks/rules-of-hooks": "error",
    "react-hooks/exhaustive-deps": "error",
    "testing-library/no-container": "error",
    "testing-library/no-node-access": "error",
    "indent": ["warn", 2, { "SwitchCase": 1 }],
    "no-lone-blocks": "off",
    "no-mixed-operators": "error",
    "no-unused-vars": "warn",
    "new-cap": [
      "error", {
        "capIsNewExceptionPattern": "^(Immutable.)?Component$"
      }
    ],
    "semi": "error",
    "space-infix-ops": "error",
    "radix": "error",
    "arrow-body-style": "error",
    "arrow-parens": "error",
    "no-plusplus": "warn",
    "eqeqeq": "error",
    "object-curly-spacing": ["error", "always"],
    "object-curly-newline": ["error", {
      "ObjectExpression": { "multiline": true, "minProperties": 2 },
      "ObjectPattern": { "multiline": true, "minProperties": 2 },
      "ImportDeclaration": { "multiline": true, "minProperties": 2 },
      "ExportDeclaration": { "multiline": true, "minProperties": 1 }
    }],
    "comma-dangle": ["error", {
      "arrays": "always-multiline",
      "objects": "always-multiline",
      "imports": "always-multiline",
      "exports": "always-multiline",
      "functions": "never"
    }],
    "object-property-newline": "error",
    "default-case": "warn",
    "no-template-curly-in-string": "off",
    "no-unreachable": "warn"
  },
  "settings": {
    "react": {
      "version": "detect"
    }
  }
}