.eslintrc.json

{
  "root": true,
  "plugins": [
    "babel",
    "jest-dom",
    "jest",
    "prettier",
    "react-hooks",
    "import",
    "sort-destructure-keys"
  ],
  "extends": [
    "eslint:recommended",
    "plugin:react/recommended",
    "plugin:prettier/recommended",
    "plugin:jest/all",
    "plugin:jest-dom/recommended"
  ],
  // Next.js example comes with its own ESLint setup
  "ignorePatterns": "examples/nextjs",
  "rules": {
    "array-callback-return": 2,
    "arrow-body-style": 2,
    "comma-dangle": 0,
    "babel/no-invalid-this": 2,
    "default-case": 2,
    "eqeqeq": [2, "smart"],
    "jest/expect-expect": 0,
    "jest/no-conditional-expect": 0,
    "jsx-quotes": ["error", "prefer-single"],
    "linebreak-style": [2, "unix"],
    "no-console": 0,
    "no-mixed-spaces-and-tabs": 1,
    "no-self-compare": 2,
    "no-underscore-dangle": [2, { "allowAfterThis": true }],
    "no-unused-vars": [1, { "ignoreRestSiblings": true }],
    "no-use-before-define": 0, // can throw incorrect errors due to mismatch of @typescript-eslint versions in react-scripts and local package.json
    "@typescript-eslint/no-use-before-define": 0,
    "no-useless-concat": 2,
    "no-var": 2,
    "object-shorthand": 1,
    "prefer-const": 1,
    "react/jsx-sort-props": [
      "error",
      {
        "callbacksLast": false,
        "ignoreCase": true,
        "noSortAlphabetically": false,
        "reservedFirst": false,
        "shorthandFirst": false,
        "shorthandLast": false
      }
    ],
    "react/prop-types": 0,
    "require-await": 2,
    "semi": [1, "always"],
    "sort-destructure-keys/sort-destructure-keys": [2, { "caseSensitive": false }],
    "sort-imports": [
      "error",
      {
        "allowSeparatedGroups": true,
        "ignoreCase": true,
        "ignoreDeclarationSort": true,
        "ignoreMemberSort": false,
        "memberSyntaxSortOrder": ["none", "all", "multiple", "single"]
      }
    ],
    "sort-keys": ["error", "asc", { "caseSensitive": false, "minKeys": 2, "natural": false }],
    "valid-typeof": 2,
    "import/prefer-default-export": 0,
    "import/extensions": [0],
    "import/no-extraneous-dependencies": [
      "error",
      {
        "devDependencies": true, // TODO: set to false once React is in the dependencies (not devDependencies)
        "optionalDependencies": false,
        "peerDependencies": false
      }
    ],
    "max-classes-per-file": 0,
    "camelcase": 0,
    "react-hooks/rules-of-hooks": 1,
    "react-hooks/exhaustive-deps": 1,
    "jest/prefer-inline-snapshots": 0,
    "jest/lowercase-name": 0,
    "jest/prefer-expect-assertions": 0,
    "jest/no-hooks": 0,
    "no-unused-expressions": "off",
    "babel/no-unused-expressions": "error",
    "jest/no-if": "off"
  },
  "env": {
    "es6": true,
    "browser": true
  },
  "parser": "babel-eslint",
  "parserOptions": {
    // "allowImportExportEverywhere": true,
    "sourceType": "module",
    "ecmaVersion": 2018,
    "ecmaFeatures": {
      "modules": true
    }
  },
  "settings": {
    "react": {
      "pragma": "React",
      "version": "detect"
    },
    "import/resolver": {
      "alias": {
        "map": [["mock-builders", "./src/mock-builders"]],
        "extensions": [".js", ".jsx", ".ts", ".tsx"]
      },
      "eslint-import-resolver-babel-module": {},
      "node": {
        "extensions": [".js", ".jsx", ".ts", ".tsx"],
        "paths": ["src"]
      }
    }
  },
  "overrides": [
    {
      "files": ["*.md"],
      "rules": {
        "react/jsx-no-undef": 0,
        "react/react-in-jsx-scope": 0,
        "semi": 0,
        "no-undef": 0
      }
    },
    {
      "env": {
        "es6": true,
        "browser": true
      },
      "extends": [
        "eslint:recommended",
        "plugin:@typescript-eslint/recommended",
        "plugin:jest/recommended",
        "plugin:prettier/recommended",
        "plugin:react/recommended",
        "prettier/@typescript-eslint"
      ],
      "files": ["**/*.ts", "**/*.tsx"],
      "parser": "@typescript-eslint/parser",
      "parserOptions": {
        "ecmaFeatures": {
          "modules": true,
          "jsx": true
        },
        "ecmaVersion": 2018,
        "sourceType": "module"
      },
      "plugins": [
        "@typescript-eslint",
        "babel",
        "prettier",
        "react",
        "typescript-sort-keys",
        "sort-destructure-keys"
      ],
      "rules": {
        "@typescript-eslint/explicit-module-boundary-types": 0,
        "@typescript-eslint/no-empty-interface": 0,
        "@typescript-eslint/ban-ts-comment": 0,
        "@typescript-eslint/no-unused-vars": [1, { "ignoreRestSiblings": true }],
        "@typescript-eslint/no-var-requires": 0,
        "react-hooks/exhaustive-deps": 1,
        "react-native/no-inline-styles": 0,
        "array-callback-return": 2,
        "arrow-body-style": 2,
        "comma-dangle": 0,
        "babel/no-invalid-this": 0,
        "@typescript-eslint/no-invalid-this": 2,
        "default-case": 2,
        "eqeqeq": [2, "smart"],
        "linebreak-style": [2, "unix"],
        "jsx-quotes": ["error", "prefer-single"],
        "no-console": 0,
        "no-mixed-spaces-and-tabs": 1,
        "no-self-compare": 2,
        "no-shadow": 0,
        "no-underscore-dangle": [2, { "allowAfterThis": true }],
        "no-unused-vars": [1, { "ignoreRestSiblings": true }],
        "no-useless-concat": 2,
        "no-var": 2,
        "object-shorthand": 1,
        "prefer-const": 1,
        "react/jsx-sort-props": [
          "error",
          {
            "callbacksLast": false,
            "ignoreCase": true,
            "noSortAlphabetically": false,
            "reservedFirst": false,
            "shorthandFirst": false,
            "shorthandLast": false
          }
        ],
        "react/prop-types": 0,
        "require-await": 2,
        "semi": [1, "always"],
        "sort-destructure-keys/sort-destructure-keys": [2, { "caseSensitive": false }],
        "sort-imports": [
          "error",
          {
            "allowSeparatedGroups": true,
            "ignoreCase": true,
            "ignoreDeclarationSort": true,
            "ignoreMemberSort": false,
            "memberSyntaxSortOrder": ["none", "all", "multiple", "single"]
          }
        ],
        "sort-keys": ["error", "asc", { "caseSensitive": false, "minKeys": 2, "natural": false }],
        "typescript-sort-keys/interface": [
          "error",
          "asc",
          { "caseSensitive": false, "natural": true, "requiredFirst": true }
        ],
        "typescript-sort-keys/string-enum": [
          "error",
          "asc",
          { "caseSensitive": false, "natural": true }
        ],
        "valid-typeof": 2
      }
    }
  ]
}