.eslintrc

{
  "env": {
    "browser": true,
    "es6": true,
    "node": true
  },
  "extends": [
    "plugin:react/recommended",
    "plugin:react-hooks/recommended",
    "plugin:jsx-a11y/recommended",

    // prettier config will turn rules off according to prettier, it should always be at the end
    "prettier"
  ],
  "plugins": ["import", "@typescript-eslint"],
  "parser": "@typescript-eslint/parser",
  "parserOptions": {
    "sourceType": "module"
  },
  "rules": {
    "no-alert": "error",
    "no-console": "error",
    "no-debugger": "error",
    "eqeqeq": "error",
    "no-else-return": "warn",
    "@typescript-eslint/no-explicit-any": "error",
    "@typescript-eslint/no-non-null-assertion": "error",
    "react/react-in-jsx-scope": "off",
    "no-shadow": "off", // replaced by ts-eslint rule below
    "@typescript-eslint/no-shadow": "error",
    "no-unused-vars": "off",
    "@typescript-eslint/no-unused-vars": "error",
    "newline-after-var": ["warn"],
    "import/order": [
      "error",
      {
        "groups": ["builtin", "external", "internal", "unknown", "sibling", "parent", "index"],
        "newlines-between": "always"
      }
    ],
    "react/display-name": "warn"
  }
}