.eslintrc

{
  "parser": "@babel/eslint-parser",
  "parserOptions": {
    // Allow running eslint on files that don't have specific configurations
    "requireConfigFile": false,
    "babelOptions": {
      "configFile": "./babel.config.js"
    }
  },

  "extends": [
    "airbnb",
    "plugin:cypress/recommended",
    "plugin:chai-friendly/recommended",
    // keep these prettier rules last
    "plugin:prettier/recommended"
  ],

  "plugins": [
    "prettier",
    "chai-friendly",
    "jest-dom",
    "formatjs",
    "testing-library"
  ],

  "overrides": [
    {
      "files": ["**/*.ts", "**/*.tsx"],
      "parser": "@typescript-eslint/parser",
      "parserOptions": {
        "ecmaVersion": 2018,
        "sourceType": "module",
        "ecmaFeatures": {
          "jsx": true
        },
        "project": "./tsconfig.json",
        "tsconfigRootDir": "."
      },
      "plugins": ["@typescript-eslint"],
      "rules": {
        // TypeScript's `noFallthroughCasesInSwitch` option is more robust
        // https://github.com/facebook/create-react-app/issues/6906
        "default-case": "off",
        // 'tsc' already handles this (https://github.com/typescript-eslint/typescript-eslint/issues/291)
        "no-dupe-class-members": "off",
        // 'tsc' already handles this (https://github.com/typescript-eslint/typescript-eslint/issues/477)
        "no-undef": "off",
        // Add TypeScript specific rules (and turn off ESLint equivalents)
        "@typescript-eslint/consistent-type-assertions": "warn",
        "no-array-constructor": "off",
        "@typescript-eslint/no-array-constructor": "warn",
        "@typescript-eslint/no-namespace": "error",
        "no-use-before-define": "off",
        "@typescript-eslint/no-use-before-define": [
          "warn",
          {
            "functions": false,
            "classes": false,
            "variables": false,
            "typedefs": false
          }
        ],
        "@typescript-eslint/no-unused-vars": [
          "warn",
          {
            "args": "none",
            "ignoreRestSiblings": true
          }
        ],
        "no-useless-constructor": "off",
        "@typescript-eslint/no-useless-constructor": "warn",

        // Typescript React components should prefer TS syntax over default props
        "react/require-default-props": "off"
      }
    }
  ],

  "rules": {
    "prettier/prettier": ["warn"],

    "no-unused-vars": "warn",

    // Set to warn so build is not broken when using camelcase
    // camelcase is acceptable for attributes of api return values
    "camelcase": ["warn"],

    "react/jsx-filename-extension": [
      1,
      { "extensions": [".js", ".jsx", ".ts", ".tsx"] }
    ],
    "react/prop-types": [1, { "skipUndeclared": true }],
    "react/destructuring-assignment": 0,
    "react/jsx-props-no-spreading": 0,

    "react/function-component-definition": [
      1,
      {
        "namedComponents": "arrow-function",
        "unnamedComponents": "arrow-function"
      }
    ],

    "import/extensions": [
      "error",
      "ignorePackages",
      {
        "js": "never",
        "jsx": "never",
        "ts": "never",
        "tsx": "never"
      }
    ],
    "import/no-extraneous-dependencies": ["error", { "devDependencies": true }],

    // We don't prefer default exports because named exports enhance IDE
    // auto completion for imports and prevent inconsistent naming conventions
    // across modules.
    "import/prefer-default-export": ["off"],
    "import/order": "off" // Turned off; we use VSCode's sort "Organize Imports" instead
  },

  "env": {
    "browser": true,
    "jest": true
  },

  "settings": {
    "import/resolver": {
      "webpack": {
        "config": "./webpack/webpack.config.dev.js"
      }
    },
    "react": {
      "version": "detect"
    }
  },

  "globals": {
    "_paq": true
  }
}