.eslintrc

// Severity codes: 0 = off, 1 = warn, 2 = error
{
  "parser": "@typescript-eslint/parser",
  "extends": [
    "airbnb",
    "plugin:css-modules/recommended",
    "plugin:@typescript-eslint/recommended",
    "prettier/@typescript-eslint"
  ],
  "env": {
    "browser": true,
    "jest": true
  },
  "globals": {
    "DEV": true,
    "PROD": true,
    "DEBUG": true,
    "COVERAGE": true,
    "BASENAME": true,
    "$COMMIT_HASH": true
  },
  "settings": {
    "import/resolver": {
      "node": {
        "moduleDirectory": ["node_modules", "src"],
        "extensions": [".js", ".jsx", ".ts", ".tsx"]
      }
    }
  },
  "plugins": ["react", "react-hooks", "import", "css-modules"],
  "rules": {
    "camelcase": 0,
    "consistent-return": 0,
    "function-paren-newline": 0,
    "func-names": 0,
    "no-console": 0,
    "prefer-template": 0,
    "prefer-destructuring": 0,
    "object-curly-newline": 0,
    "no-else-return": 0,
    "new-cap": 0,
    "key-spacing": 0,
    "indent": 0,
    "no-multi-spaces": 0,
    "no-use-before-define": 0,
    "no-debugger": 0,
    "no-continue": 0,
    "quotes": [2, "single"],
    "strict": [2, "never"],
    "template-curly-spacing": [0, "always"],
    "comma-dangle": [2, "always-multiline"],
    "max-len": 0,
    "no-shadow": 0,
    "arrow-body-style": 0,
    "arrow-parens": [2, "as-needed"],
    "global-require": 0,
    "generator-star-spacing": 0,
    "no-unused-expressions": 0,
    "operator-linebreak": 0,
    "no-plusplus": 0,
    "no-confusing-arrow": 0,
    "implicit-arrow-linebreak": 0,
    "linebreak-style": [0, "error", "windows"],
    "no-unused-vars": [
      2,
      {
        "ignoreRestSiblings": true,
        "varsIgnorePattern": "^_",
        "argsIgnorePattern": "^_"
      }
    ],
    "no-constant-condition": 0,
    "import/no-dynamic-require": 0,
    "import/no-extraneous-dependencies": 0,
    "import/prefer-default-export": 0,
    "import/no-named-as-default": 0,
    "import/no-unresolved": ["error", { "caseSensitive": false }],
    "react/destructuring-assignment": 0,
    "react/require-default-props": 0,
    "react/prop-types": ["off", { "extensions": [".js", ".jsx"] }],
    "react/forbid-prop-types": 0,
    "react/no-unused-prop-types": 0,
    "react/no-did-update-set-state": 0,
    "react/no-typos": 0,
    "react/jsx-one-expression-per-line": 0,
    "react/default-props-match-prop-types": 0,
    "react/prefer-stateless-function": 0,
    "react/no-array-index-key": 0,
    "react/jsx-uses-react": 2,
    "react/jsx-uses-vars": 2,
    "react/jsx-no-bind": 0,
    "react/react-in-jsx-scope": 2,
    "react/jsx-filename-extension": [
      2,
      { "extensions": [".js", ".jsx", ".ts", ".tsx"] }
    ],
    "react-hooks/rules-of-hooks": "error",
    "react-hooks/exhaustive-deps": "warn",
    "react/jsx-props-no-spreading": [
      "error",
      {
        "custom": "ignore"
      }
    ],
    "react/static-property-placement": "off", // we do need static props in TS based class components
    "jsx-a11y/anchor-is-valid": [
      "error",
      {
        "components": ["Link", "a"],
        "specialLink": ["hrefLeft", "hrefRight", "to", "onClick"],
        "aspects": ["preferButton"]
      }
    ],
    "jsx-a11y/no-static-element-interactions": 0,
    "jsx-a11y/click-events-have-key-events": 0,
    "jsx-a11y/no-noninteractive-element-interactions": 0,
    "jsx-a11y/tabindex-no-positive": 0,
    "@typescript-eslint/ban-ts-ignore": "off",
    "@typescript-eslint/camelcase": "off",
    "@typescript-eslint/no-empty-function": "off",
    "@typescript-eslint/explicit-function-return-type": "off",
    "@typescript-eslint/no-use-before-define": "off",
    "@typescript-eslint/no-unused-vars": [
      "error",
      {
        "ignoreRestSiblings": true,
        "varsIgnorePattern": "^_",
        "argsIgnorePattern": "^_"
      }
    ],
    "@typescript-eslint/no-var-requires": "off",
    "import/extensions": [
      "error",
      "ignorePackages",
      {
        "js": "never",
        "jsx": "never",
        "ts": "never",
        "tsx": "never"
      }
    ]
  }
}