.eslintrc.json

{
    "env": {
        "browser": true,
        "es2021": true,
        "jest": true,
        "cypress/globals": true
    },
    "settings": {
      "import/resolver": {
        "node": {
          "extensions": [".js", ".jsx", ".ts", ".tsx"]
        }
      }
    },
    "extends": [
        "plugin:react/recommended",
        "airbnb",
        "prettier"
    ],
    "parser": "@typescript-eslint/parser",
    "parserOptions": {
        "ecmaFeatures": {
            "jsx": true
        },
        "ecmaVersion": "latest",
        "sourceType": "module"
    },
    "plugins": [
        "react",
        "@typescript-eslint",
        "cypress"
    ],
    "ignorePatterns": ["**/public/*.js"],
    "overrides": [
      {
        "files": [
          "**/*.test.js",
          "**/*.test.jsx",
          "**/*.spec.js",
          "**/*.spec.jsx"
        ]
      }
    ],
    "rules": {
      "import/no-extraneous-dependencies": ["error",  {"devDependencies": true}],
      "import/no-unresolved": [
        2,
        { "caseSensitive": true }
      ],
      "react/jsx-props-no-spreading": "off",
      "react/function-component-definition": "off",
      "react/react-in-jsx-scope": "off",
      "react/jsx-filename-extension": [0],
      "import/extensions": "off",
      "array-bracket-spacing": [2, "never"],
      "block-scoped-var": 2,
      "brace-style": [2, "1tbs"],
      "camelcase": 1,
      "computed-property-spacing": [2, "never"],
      "curly": 2,
      "eol-last": 2,
      "eqeqeq": [2, "smart"],
      "max-depth": [1, 3],
      "max-len": [1, 100],
      "max-statements": [1, 15],
      "new-cap": 1,
      "no-extend-native": 2,
      "no-mixed-spaces-and-tabs": 2,
      "no-trailing-spaces": 2,
      "no-unused-vars": 1,
      "no-use-before-define": [2, "nofunc"],
      "object-curly-spacing": [2, "always"],
      "quotes": [2, "single", "avoid-escape"],
      "semi": [2, "always"],
      "keyword-spacing": [2, {"before": true, "after": true}],
      "space-unary-ops": 2
    }
}