.eslintrc.json

{
    "extends": ["airbnb", "plugin:prettier/recommended", "plugin:cypress/recommended"],
    "plugins": [
        "babel",
        "react",
        "jest",
        "jsx-a11y",
        "import",
        "cypress",
        "react-hooks",
        "prettier"
    ],
    "rules": {
        "prettier/prettier": "error",
        "react-hooks/rules-of-hooks": "error",
        "react/jsx-wrap-multilines": [0],
        "react-hooks/exhaustive-deps": "warn",
        "import/no-cycle": [0],
        "indent": ["error", 4, { "SwitchCase": 1 }],
        "react/jsx-indent": ["error", 4],
        "react/jsx-indent-props": ["error", 4],
        "react/jsx-filename-extension": [2, { "extensions": [".js", ".jsx"] }],
        "react/jsx-first-prop-new-line": [0],
        "react/jsx-closing-bracket-location": [0],
        "react/forbid-prop-types": [0],
        "jsx-a11y/href-no-hash": [0],
        "import/no-extraneous-dependencies": [0],
        "import/extensions": [0],
        "no-mixed-operators": [0],
        "linebreak-style": 0,
        "no-shadow": [0],
        "react/default-props-match-prop-types": ["error", { "allowRequiredDefaults": true }],
        "jsx-a11y/label-has-for": [
            2,
            {
                "components": ["Label"],
                "required": {
                    "every": ["nesting", "id"]
                },
                "allowChildren": true
            }
        ],
        "react/jsx-props-no-spreading": ["off"]
    },
    "env": {
        "es6": true,
        "node": true,
        "jest/globals": true,
        "browser": true
    },
    "globals": {
        "browser": true
    },
    "settings": {
        "import/resolver": {
            "node": {
                "extensions": [".js", ".jsx", ".ts", ".tsx"]
            }
        }
    },
    "overrides": [
        {
            "files": ["**/*.story.js", "**/*.story.ts", "**/*.story.tsx"],
            "rules": {
                "import/prefer-default-export": "off"
            }
        },
        {
            "files": ["**/*.ts", "**/*.tsx"],
            "parser": "@typescript-eslint/parser",
            "extends": [
                "airbnb",
                "plugin:prettier/recommended",
                "plugin:cypress/recommended",
                "plugin:@typescript-eslint/recommended",
                "plugin:import/typescript"
            ],
            "plugins": [
                "babel",
                "react",
                "jest",
                "jsx-a11y",
                "import",
                "cypress",
                "react-hooks",
                "prettier",
                "@typescript-eslint"
            ],
            "rules": {
                "react/jsx-indent": ["error", 4],
                "react/jsx-indent-props": ["error", 4],
                "react/jsx-filename-extension": [2, { "extensions": [".tsx"] }],
                "react/jsx-one-expression-per-line": [1, { "allow": "single-child" }],
                "react/forbid-prop-types": [0],
                "no-use-before-define": "off",
                "@typescript-eslint/no-use-before-define": ["error"],
                "import/extensions": "off"
            }
        }
    ]
}