.eslintrc.js

module.exports = {
  parser: "@typescript-eslint/parser",
  parserOptions: {
    project: "./tsconfig.json",
    sourceType: "module",
    ecmaFeatures: {
      jsx: true,
    },
  },
  extends: [
    "eslint:recommended",
    "plugin:@typescript-eslint/eslint-recommended",
    "plugin:@typescript-eslint/recommended",
    "plugin:react/recommended",
    "prettier",
    "plugin:jest-dom/recommended",
    "plugin:testing-library/react",
    "plugin:storybook/recommended",
  ],
  plugins: ["@typescript-eslint", "react", "react-hooks", "prettier"],
  env: {
    browser: true,
    es6: true,
    node: true,
    jest: true,
  },
  settings: {
    react: {
      version: "16.8.6",
    },
  },
  globals: {
    JSX: "readonly",
    NodeJS: "readonly",
  },
  rules: {
    // Help enforce hooks
    "react-hooks/rules-of-hooks": "error",
    "react-hooks/exhaustive-deps": "warn",

    // We do not use prop types at the moment
    "react/prop-types": "off",

    // Don't enforce "noopener noreferrer" security mitigation for now
    // https://mathiasbynens.github.io/rel-noopener
    "react/jsx-no-target-blank": "off",

    // Allow hardcoded " inline
    "react/no-unescaped-entities": "off",

    // Catch usages of non-defined (forgotten imports) as errors at compile time
    "no-undef": "error",

    // Warn if any var is used (prefer let or const)
    "no-var": "warn",

    // Warn if there is an unused variable
    "no-unused-vars": [
      "warn",
      {
        ignoreRestSiblings: true,
        args: "none",
      },
    ],

    // Warn if there is a console output
    "no-console": "warn",

    // Disallow arrow functions in render functions
    "react/jsx-no-bind": "off",

    // Disallow inconsistent returns
    "consistent-return": "error",

    // Allow switch/case fallthrough without requiring a "break" statement after each one
    "no-fallthrough": "off",

    // Simplify Typescript
    "@typescript-eslint/no-explicit-any": "error",
    "@typescript-eslint/explicit-function-return-type": "off",
    "@typescript-eslint/ban-ts-ignore": "off",
    "@typescript-eslint/ban-ts-comment": "off",
    "@typescript-eslint/no-empty-function": "off",

    // Disable new testing-library rules,
    "jest-dom/prefer-in-document": "error",
    "testing-library/no-wait-for-empty-callback": "error",
    "testing-library/no-unnecessary-act": "error",
    "testing-library/no-container": "error",
    "testing-library/prefer-screen-queries": "error",
    "testing-library/no-node-access": "error",
  },
};