.eslintrc.js

const OFF = "off"
const WARN = "warn"
const ERR = "error"

module.exports = {
  root: true,
  plugins: [
    "@typescript-eslint",
    "jest",
    "no-relative-import-paths",
    "react-hooks",
    "testing-library",
    "unused-imports",
    "no-autofix",
    "artsy",
  ],
  extends: [
    "eslint:recommended",
    "plugin:testing-library/react",
    "plugin:@typescript-eslint/recommended-requiring-type-checking",
    "plugin:@typescript-eslint/recommended",
    "plugin:import/recommended",
    "plugin:import/typescript",
    "plugin:react/jsx-runtime",
    "plugin:react/recommended",
    "plugin:react-hooks/recommended",
    "prettier", // "prettier" needs to be last!
  ],
  parser: "@typescript-eslint/parser",
  parserOptions: {
    ecmaFeatures: {
      jsx: true,
    },
    ecmaVersion: 6,
    sourceType: "module",
  },
  settings: {
    react: {
      version: "detect",
    },
  },
  rules: {
    /**
     * Errors
     */
    "artsy/no-uselazyloadquery-inside-suspense": ERR,
    "import/order": [
      ERR,
      {
        alphabetize: { order: "asc" },
        groups: ["builtin", "external", "internal", "index", "sibling", "parent", "object", "type"],
        warnOnUnassignedImports: true,
      },
    ],
    "import/no-duplicates": ERR,
    "react/jsx-curly-brace-presence": ERR,
    "react/jsx-no-leaked-render": [ERR, { validStrategies: ["coerce", "ternary"] }],
    "react-hooks/rules-of-hooks": ERR,
    "unused-imports/no-unused-imports": OFF, // look below
    "no-autofix/unused-imports/no-unused-imports": ERR,

    /**
     * Rules for tests see https://github.com/testing-library/eslint-plugin-testing-library#supported-rules for details
     * on default enabled rules or to remove rules.
     */

    "testing-library/no-global-regexp-flag-in-query": OFF,

    /**
     * Warnings
     */

    "@typescript-eslint/no-unused-vars": [
      WARN,
      {
        argsIgnorePattern: "^_",
        varsIgnorePattern: "^_",
        caughtErrorsIgnorePattern: "^_",
      },
    ],
    "no-relative-import-paths/no-relative-import-paths": [
      WARN,
      { allowSameFolder: true, rootDir: "src" },
    ],

    /**
     * Disabled
     */

    "@typescript-eslint/await-thenable": OFF,
    "@typescript-eslint/ban-ts-comment": OFF,
    "@typescript-eslint/ban-types": OFF,
    "@typescript-eslint/explicit-module-boundary-types": OFF,
    "@typescript-eslint/no-implied-eval": OFF,
    "@typescript-eslint/no-empty-function": OFF,
    "@typescript-eslint/no-explicit-any": OFF,
    "@typescript-eslint/no-floating-promises": OFF,
    "@typescript-eslint/no-for-in-array": OFF,
    "@typescript-eslint/no-misused-promises": OFF,
    "@typescript-eslint/no-non-null-asserted-optional-chain": OFF,
    "@typescript-eslint/no-non-null-assertion": ERR,
    "@typescript-eslint/no-unnecessary-type-assertion": OFF,
    "@typescript-eslint/no-unsafe-argument": OFF,
    "@typescript-eslint/no-unsafe-assignment": OFF,
    "@typescript-eslint/no-unsafe-call": OFF,
    "@typescript-eslint/no-unsafe-member-access": OFF,
    "@typescript-eslint/no-unsafe-return": OFF,
    "@typescript-eslint/no-var-requires": OFF,
    "@typescript-eslint/require-await": OFF,
    "@typescript-eslint/restrict-plus-operands": OFF,
    "@typescript-eslint/restrict-template-expressions": OFF,
    "@typescript-eslint/strict-boolean-expressions": OFF,
    "@typescript-eslint/unbound-method": OFF,
    "import/default": OFF,
    "import/namespace": OFF,
    "import/no-named-as-default-member": OFF,
    "import/no-named-as-default": OFF,
    "import/no-unresolved": OFF,
    "no-control-regex": OFF,
    "no-empty-pattern": OFF,
    "no-extra-boolean-cast": OFF,
    "no-redeclare": OFF,
    "no-undef": OFF,
    "no-useless-catch": OFF,
    "no-useless-escape": OFF,
    "react/display-name": OFF,
    "react/jsx-uses-react": OFF,
    "react/no-children-prop": OFF,
    "react/no-unescaped-entities": OFF,
    "react/react-in-jsx-scope": OFF,
    "react/prop-types": OFF,
    "react-native/no-inline-styles": OFF,
    "react-hooks/exhaustive-deps": OFF, // we don't care about this rule, since it's often wrong. it's helpful, but often wrong.
    "no-restricted-imports": [
      "error",
      {
        paths: [
          {
            name: "relay-runtime",
            importNames: ["graphql"],
            message: "Please import `graphql` from `react-relay`.",
          },
        ],
      },
    ],
  },
  overrides: [
    {
      files: ["*.tests.ts", "*.tests.tsx"],
      rules: {
        "@typescript-eslint/no-non-null-assertion": OFF,
      },
    },
    {
      files: ["**/__tests__/**/*.[jt]s?(x)", "**/?(*.)+(spec|test).[jt]s?(x)"],
      extends: ["plugin:testing-library/react"],
    },
  ],
}