.eslintrc.json

{
    "extends": ["airbnb-typescript", "prettier", "plugin:@typescript-eslint/recommended"],
    "plugins": ["react", "prettier", "react-hooks", "@typescript-eslint"],
    "env": {
        "jest": true
    },
    "parser": "@typescript-eslint/parser",
    "parserOptions": {
        "warnOnUnsupportedTypeScriptVersion": false,
        "project": "tsconfig.json",
        "ecmaVersion": 2018,
        "sourceType": "module",
        "ecmaFeatures": {
            "jsx": true
        }
    },
    "rules": {
        "import/no-unresolved": [
            2,
            {
                "ignore": ["@textkernel/oneui"]
            }
        ],
        "import/prefer-default-export": 0,
        "import/no-default-export": 2,
        "jsx-a11y/label-has-for": 0,
        "jsx-a11y/label-has-associated-control": 2,
        "prettier/prettier": ["error"],
        "react/jsx-filename-extension": 0,
        "experimentalDecorators": 0,
        "react/jsx-indent": [2, 4],
        "react/button-has-type": 0,
        "react/prop-types": 0,
        "react/no-unused-prop-types": 0,
        "react/display-name": [
            2,
            {
                "ignoreTranspilerName": true
            }
        ],
        "react-hooks/rules-of-hooks": "error",
        "react-hooks/exhaustive-deps": "warn",
        "react/jsx-props-no-spreading": "off",
        "@typescript-eslint/explicit-function-return-type": "off",
        "@typescript-eslint/indent": "off",
        "@typescript-eslint/no-unused-vars": [
            "error",
            {
                "ignoreRestSiblings": true
            }
        ],
        "curly": ["error", "all"],
        "comma-dangle": ["error", "only-multiline"],
        "@typescript-eslint/comma-dangle": ["error", "only-multiline"],
        "@typescript-eslint/explicit-module-boundary-types": "off",
        "@typescript-eslint/ban-ts-comment": "off",
        "@typescript-eslint/ban-types": "off",
        "react/require-default-props": "off"
    },
    "overrides": [
        {
            "files": ["scripts/**/*"],
            "rules": {
                "@typescript-eslint/no-var-requires": "off"
            }
        },
        {
            "files": ["**/__tests__/**/*", "**/__mocks__/**/*"],
            "rules": {
                "@typescript-eslint/camelcase": "off",
                "@typescript-eslint/no-empty-function": "off",
                "@typescript-eslint/class-name-casing": "off"
            }
        },
        {
            "files": ["stories/**/*"],
            "rules": {
                "import/extensions": ["off", "ignorePackages"],
                "react/display-name": "off",
                "react/destructuring-assignment": "off",
                "react/prop-types": "off",
                "react/jsx-setDefaultAreaHighlight-newline": "off",
                "react-hooks/rules-of-hooks": "off",
                "import/no-default-export": "off",
                "no-underscore-dangle": "off",
                "@typescript-eslint/naming-convention": "off"
            }
        }
    ],
    "settings": {
        "import/resolver": {
            "node": {
                "extensions": [".js", ".jsx", ".ts", ".tsx"]
            }
        }
    },
    "globals": {
        "describe": false,
        "it": false,
        "expect": false,
        "shallow": false,
        "mount": false,
        "render": false,
        "window": true,
        "document": true
    }
}