.eslintrc.json

{
  "parser": "@typescript-eslint/parser",
  "env": {
    "browser": true
  },
  "plugins": ["react", "@typescript-eslint", "prettier"],
  "extends": [
    "plugin:react/recommended",
    "plugin:@typescript-eslint/recommended",
    "prettier"
  ],
  "rules": {
    "jsx-a11y/anchor-is-valid": 0,
    "default-case": "off",
    "no-irregular-whitespace": "off",
    "jsx-a11y/label-has-associated-control": "off",
    "jsx-a11y/control-has-associated-label": "off",
    "jsx-a11y/label-has-for": "off",
    "jsx-a11y/click-events-have-key-events": "off",
    "jsx-a11y/no-noninteractive-element-interactions": "off",
    "jsx-a11y/no-noninteractive-element-to-interactive-role": "off",
    "jsx-a11y/tabindex-no-positive": "off",
    "jsx-a11y/no-noninteractive-tabindex": "off",
    "jsx-a11y/interactive-supports-focus": "off",
    "jsx-a11y/media-has-caption": "off",
    "@typescript-eslint/ban-types": "off",
    "@typescript-eslint/explicit-module-boundary-types": "off",
    "@typescript-eslint/no-non-null-assertion": "off",
    "@typescript-eslint/array-type": ["error", { "default": "array-simple" }],
    "no-case-declarations": "off",
    "@typescript-eslint/explicit-function-return-type": "off",
    "@typescript-eslint/no-unused-vars": "error",
    "@typescript-eslint/explicit-member-accessibility": "off",
    "@typescript-eslint/no-explicit-any": "off",
    "@typescript-eslint/no-use-before-define": [
      "error",
      { "functions": false, "classes": true, "variables": false }
    ],
    "no-use-before-define": "off",
    "react/jsx-props-no-spreading": "off",
    "@typescript-eslint/no-var-requires": "off",
    "no-restricted-syntax": "off",
    "react/no-array-index-key": "off",
    "react/no-danger": "off",
    "prefer-destructuring": "off",
    "react/jsx-boolean-value": "off",
    "dot-notation": "off",
    "label-has-for": "off",
    "import/named": "off",
    "react/function-component-definition": ["error", {
      "namedComponents": "arrow-function",
      "unnamedComponents": "arrow-function"
    }],
    "comma-dangle": ["error", "always-multiline"],
    "func-style": ["error", "expression", { "allowArrowFunctions": true }],
    "react/jsx-filename-extension": ["error", { "extensions": [".tsx"] }],
    "no-shadow": "off",
    "import/no-unresolved": "off",
    "import/prefer-default-export": "off",
    "import/no-extraneous-dependencies": "off",
    "react/prop-types": "off",
    "react/no-multi-comp": "off",
    "react/no-unescaped-entities": "off",
    "no-nested-ternary": "off",
    "lines-between-class-members": "off",
    "no-param-reassign": "off",
    "no-plusplus": "off",
    "no-return-assign": "off",
    "consistent-return": "off",
    "no-undef": "off",
    "react/jsx-no-undef": "off",
    "react-hooks/rules-of-hooks": "error",
    "react-hooks/exhaustive-deps": "error",
    "react/destructuring-assignment": "off",
    "react/require-default-props": "off",
    "import/no-cycle": "off",
    "no-continue": "off",
    "spaced-comment": ["error", "always", { "markers": ["/"] }],
    "react/jsx-key": [1, { "checkFragmentShorthand": false }],
    "import/extensions": 0,
    "react/display-name": 0,
    "no-unused-expressions": [
      "error",
      { "allowShortCircuit": true, "allowTernary": true }
    ],
    "prettier/prettier": [
      "error",
      {
        "arrowParens": "avoid",
        "singleQuote": true,
        "trailingComma": "all",
        "semi": true
      }
    ]
  }
}