.eslintrc

{
  "plugins": ["prettier", "@typescript-eslint"],
  "extends": ["airbnb-typescript", "react-app", "prettier"],
  "parser": "@typescript-eslint/parser",
  "parserOptions": {
    "project": ["**/tsconfig.json"]
  },
  "settings": {
    "import/resolver": {
      "typescript": {
        "alwaysTryTypes": true
      }
    },
    "import/extensions": [
      "error",
      "ignorePackages",
      {
        "js": "never",
        "jsx": "never",
        "ts": "never",
        "tsx": "never"
      }
    ]
  },
  "rules": {
    "max-len": 0,
    "no-alert": 0,
    "no-shadow": 0,
    "no-console": 0,
    "no-plusplus": 0,
    "react/jsx-key": 2,
    "no-unused-vars": 0,
    "import/no-cycle": 0,
    "no-return-assign": 0,
    "react/prop-types": 0,
    "arrow-body-style": 1,
    "no-param-reassign": 0,
    "import/no-duplicates": 1,
    "no-underscore-dangle": 0,
    "react/button-has-type": 1,
    "react/no-children-prop": 0,
    "react/self-closing-comp": 1,
    "react/jsx-boolean-value": 0,
    "react/no-array-index-key": 0,
    "react/react-in-jsx-scope": 0,
    "jsx-a11y/alt-text": 1, // temp
    "react/jsx-wrap-multilines": 0,
    "react/require-default-props": 0,
    "react/no-unescaped-entities": 0,
    "@typescript-eslint/no-shadow": 0,
    "react/jsx-props-no-spreading": 0,
    "import/prefer-default-export": 0,
    "react/destructuring-assignment": 0,
    "import/no-useless-path-segments": 1,
    "react/jsx-one-expression-per-line": 0,
    "import/no-extraneous-dependencies": 0,
    "@typescript-eslint/no-explicit-any": 0,
    "@typescript-eslint/naming-convention": 0,
    "jsx-a11y/control-has-associated-label": 0,
    "object-curly-spacing": [1, "always"],
    "@typescript-eslint/no-unused-vars": [
      1,
      {
        "vars": "all",
        "args": "none"
      }
    ],
    "prefer-destructuring": [
      1,
      {
        "object": true,
        "array": false
      }
    ]
  }
}