.eslintrc.json

{
  "parser": "@typescript-eslint/parser",
  "extends": ["@appfolio/eslint-config-appfolio-react", "prettier"],
  "plugins": ["no-only-tests", "react-hooks", "@typescript-eslint"],
  "rules": {
    "curly": ["error", "all"],
    "react/jsx-props-no-spreading": "off",
    "react/static-property-placement": "off",
    "react/destructuring-assignment": "off",
    "@typescript-eslint/no-unused-vars": "warn",
    "function-paren-newline": "off",
    "import/no-duplicates": "error",
    "import/first": "error",
    "import/newline-after-import": "warn",
    "import/no-extraneous-dependencies": [
      "error",
      {
        "devDependencies": [
          "src/**/*.{spec,stories}.{js,ts,jsx,tsx}",
          "src/tooling/**/*",
          "./*.config.{js,ts}"
        ]
      }
    ],
    "import/order": ["warn", { "alphabetize": { "order": "asc", "caseInsensitive": true } }],
    "max-len": "off",
    "no-confusing-arrow": "off",
    "no-only-tests/no-only-tests": "error",
    "no-nested-ternary": "off",
    "no-restricted-syntax": [
      "error",
      {
        "selector": "ForInStatement",
        "message": "for..in loops iterate over the entire prototype chain, which is virtually never what you want. Use Object.{keys,values,entries}, and iterate over the resulting array."
      },
      {
        "selector": "LabeledStatement",
        "message": "Labels are a form of GOTO; using them makes code confusing and hard to maintain and understand."
      },
      {
        "selector": "WithStatement",
        "message": "`with` is disallowed in strict mode because it makes code impossible to predict and optimize."
      }
    ],
    "react/default-props-match-prop-types": ["error", { "allowRequiredDefaults": true }],
    "react/no-array-index-key": "error",
    "react/no-find-dom-node": "error",
    "react/prefer-stateless-function": "off",
    "react/prop-types": "off", // This will be unnecessary once everything is a function component
    "react-hooks/rules-of-hooks": "error",
    "react-hooks/exhaustive-deps": "warn",
    "require-jsdoc": "off"
  },
  "settings": {
    "import/parsers": {
      "@typescript-eslint/parser": [".ts", ".tsx"]
    },
    "import/resolver": {
      "node": {
        "extensions": [".js", ".jsx", ".ts", ".tsx"]
      }
    }
  },
  "overrides": [
    {
      "files": ["**/*.ts", "**/*.tsx"],
      "rules": {
        "no-undef": "off"
      }
    },
    {
      "files": ["src/**/*.spec.{js,tsx}"],
      "env": { "jest": true }
    }
  ],
  "reportUnusedDisableDirectives": true
}