.eslintrc.cjs

module.exports = {
  extends: ["react-app", "prettier"],
  ignorePatterns: ["/build"],
  env: {
    node: true,
  },
  plugins: ["prettier"],
  rules: {
    "prettier/prettier": "error",
  },
  overrides: [
    {
      files: ["*.ts", "*.tsx"],
      excludedFiles: ["*.d.ts"],
      parser: "@typescript-eslint/parser",
      plugins: ["@typescript-eslint/eslint-plugin"],
      parserOptions: {
        project: "./tsconfig.json",
      },
      rules: {
        "@typescript-eslint/await-thenable": "error",
        "@typescript-eslint/ban-tslint-comment": "error",
        "@typescript-eslint/ban-types": [
          "error",
          {
            extendDefaults: true,
            types: {
              // See https://github.com/typescript-eslint/typescript-eslint/issues/2063
              "{}": false,
            },
          },
        ],
        "@typescript-eslint/no-confusing-non-null-assertion": "error",
        "@typescript-eslint/no-extra-non-null-assertion": "error",
        "@typescript-eslint/no-floating-promises": [
          "error",
          { ignoreIIFE: true },
        ],
        "@typescript-eslint/no-for-in-array": "error",
        "@typescript-eslint/no-misused-new": "error",
        "@typescript-eslint/no-misused-promises": "error",
        "@typescript-eslint/no-namespace": "error",
        "@typescript-eslint/no-this-alias": "error",
        "@typescript-eslint/no-unnecessary-boolean-literal-compare": "error",
        "@typescript-eslint/no-unnecessary-condition": [
          "error",
          { allowConstantLoopConditions: true },
        ],
        "@typescript-eslint/prefer-for-of": "error",
        "@typescript-eslint/prefer-includes": "error",
        "@typescript-eslint/prefer-readonly": "error",
        "@typescript-eslint/prefer-string-starts-ends-with": "error",
        "@typescript-eslint/switch-exhaustiveness-check": "error",
        "no-restricted-syntax": [
          "error",
          {
            selector: "TSEnumDeclaration",
            message: `Prefer union types (e.g. type Foo = 'bar' | 'baz') to TypeScript enums`,
          },
        ],
        "block-scoped-var": "error",
        complexity: "warn",
        "guard-for-in": "error",
        "no-constructor-return": "error",
        "no-useless-concat": "error",
        "no-var": "error",
        "prefer-arrow-callback": "error",
        "prefer-const": "error",
        "prefer-rest-params": "error",
        radix: "error",
      },
    },
    {
      files: ["*.ts"],
      excludedFiles: ["*.d.ts"],
      rules: {
        "@typescript-eslint/naming-convention": [
          "error",
          { selector: "typeLike", format: ["PascalCase"] },
          {
            selector: "variable",
            format: ["camelCase", "PascalCase", "UPPER_CASE"],
          },
          {
            selector: "method",
            format: ["camelCase"],
            leadingUnderscore: "allow",
          },
          {
            selector: "accessor",
            format: ["camelCase"],
            leadingUnderscore: "allow",
          },
          // Don't allow PascalCase functions or params in normal TS files
          {
            selector: "parameter",
            format: ["camelCase"],
            leadingUnderscore: "allow",
          },
          {
            selector: "function",
            format: ["camelCase"],
            leadingUnderscore: "allow",
          },
        ],
      },
    },
    {
      files: ["*.tsx"],
      rules: {
        "@typescript-eslint/naming-convention": [
          "error",
          { selector: "typeLike", format: ["PascalCase"] },
          {
            selector: "variable",
            format: ["camelCase", "PascalCase", "UPPER_CASE"],
          },
          {
            selector: "method",
            format: ["camelCase"],
            leadingUnderscore: "allow",
          },
          {
            selector: "accessor",
            format: ["camelCase"],
            leadingUnderscore: "allow",
          },
          // Allow PascalCase functions and params in TSX files for function components
          {
            selector: "parameter",
            format: ["camelCase", "PascalCase"],
            leadingUnderscore: "allow",
          },
          {
            selector: "function",
            format: ["camelCase", "PascalCase"],
            leadingUnderscore: "allow",
          },
        ],
      },
    },
  ],
};