.eslintrc

{
  "plugins": [
    "import",
    "unused-imports"
  ],
  "extends": [
    "airbnb",
    "plugin:prettier/recommended",
    "prettier",
    "plugin:react-hooks/recommended",
    "plugin:react/jsx-runtime"
  ],
  "parser": "@typescript-eslint/parser",
  "rules": {
    "no-shadow": "off",
    "react/require-default-props": "off",
    "no-use-before-define": ["error", {"functions": false, "classes": false, "variables": false}],
    "react/no-unescaped-entities": "warn",
    "import/order": ["error", {
      "groups": ["builtin", "external", ["internal", "parent", "sibling"], "index", "object", "type"]
    }],
    "unused-imports/no-unused-imports": "error",
    "unused-imports/no-unused-vars": [
      "warn",
      { "vars": "all", "varsIgnorePattern": "^_", "args": "after-used", "argsIgnorePattern": "^_" }
    ],
    "import/named": "error",
    "import/extensions": [
      "error",
      "ignorePackages",
      {
        "js": "never",
        "jsx": "never",
        "ts": "never",
        "tsx": "never"
      }
    ],
    "react/jsx-filename-extension": [2, { "extensions": [
      ".js", ".jsx", ".ts", ".tsx"
    ] }],
    "react/jsx-props-no-spreading": "off",
    "react/jsx-fragments": 0,
    "jsx-a11y/anchor-is-valid": [
      "error",
      {
        "components": ["Link"],
        "specialLink": ["to", "hrefLeft", "hrefRight"],
        "aspects": ["noHref", "invalidHref", "preferButton"]
      }
    ],
    "no-param-reassign": [
      2,
      {
        "props": false
      }
    ],
    "no-underscore-dangle": 0,
    "no-unused-vars": [
      "error",
      {
        "vars": "all",
        "args": "after-used",
        "ignoreRestSiblings": true,
        "argsIgnorePattern": "^_"
      }
    ],
    "prettier/prettier": ["error", {
      "singleQuote": true,
      "useTabs": true,
      "tabWidth": 4,
      "semi": true,
      "jsxSingleQuote": true,
      "trailingComma": "all",
      "arrowParens": "avoid",
      "endOfLine": "auto",
      "printWidth": 90
    }],
    "react-app/jsx-a11y/href-no-hash": "off", // This rule is dropped but create-react-app uses old rules
    "jsx-a11y/label-has-for": "off", // This rule will be dropped soon anyway
    "react/destructuring-assignment": "off", // Seems to be way too restrictive
    "import/no-cycle": 1, // Should be addressed eventually but does not break
    "import/prefer-default-export": "off",
    "jsx-a11y/media-has-caption": "off" // Pretty hard to do for every video
  },
  "env": {
    "jest": true,
    "browser": true
  },
  "globals": {
    "FileReader": true,
    "window": true
  },
  "settings": {
    "import/resolver": {
      "typescript": {},
      "node": {
        "moduleDirectory": ["node_modules", "src/"],
        "extensions": [".js", ".jsx", ".ts", ".tsx"]
      }
    }
  }
}