.eslintrc.js

module.exports = {
    parser: "hermes-eslint",
    parserOptions: {
        ecmaVersion: 2018,
        sourceType: "module",
        ecmaFeatures: {
            jsx: true,
        },

        // typescript-eslint specific options
        warnOnUnsupportedTypeScriptVersion: true,
    },
    "env": {
        "es6": true,
        "node": true,
        "jest": true,
        "browser": true,
        "commonjs": true
    },
    "extends": ["eslint:recommended", "plugin:jsx-a11y/recommended", "plugin:storybook/recommended"],
    "globals": {
        "ENV": true,
        "globalThis": false,
    },
    "plugins": ["import", "react", "jsx-a11y", "react-hooks",, "no-async"],
    "settings": {
        react: {
            version: "detect",
            "flowVersion": "0.218"
        },
        "import/resolver": "webpack",
        "import/core-modules": ["fs", "path", "os"]
    },
    "rules": {
        "react-hooks/rules-of-hooks": 2,
        "react-hooks/exhaustive-deps": 2,
        "jsx-a11y/href-no-hash": 0,
        "quotes": [2, "double", {
            "allowTemplateLiterals": true
        }],
        "strict": 0,
        "no-unused-vars": [2, {
            "vars": "all",
            "args": "none"
        }],
        "eqeqeq": 2,
        "no-var": 2,
        "no-process-exit": 0,
        "no-underscore-dangle": 0,
        "no-loop-func": 0,
        "no-console": 2,
        "key-spacing": 0,
        "no-mixed-spaces-and-tabs": [2, "smart-tabs"],
        "semi": [2, "always"],
        "no-trailing-spaces": [2, {
            "skipBlankLines": false
        }],
        "camelcase": [1, {
            "properties": "never"
        }],
        "curly": 2,
        "object-curly-spacing": [2, "always"],
        "react/jsx-no-bind": 2,
        "react/require-render-return": 2,
        "react/jsx-boolean-value": 2,
        "react/jsx-key": 2,
        "react/jsx-uses-vars": 1,
        "react/jsx-uses-react": 1,
        "react/prefer-es6-class": 2,
        "react/jsx-pascal-case": 2,
        "react/no-direct-mutation-state": 2,
        "react/react-in-jsx-scope": 2,
        "react/jsx-no-duplicate-props": 2,
        "react/no-deprecated": 2,
        "react/jsx-no-undef": 2,
        "react/no-unknown-property": 2,
        "react/prop-types": 0,
        "react/jsx-quotes": 0,
        "react/boolean-prop-naming": 2,
        "react/jsx-closing-bracket-location": 0,
        "react/jsx-equals-spacing": [1, "never"],
        "jsx-quotes": 0,
        "react/jsx-sort-prop-types": 0,
        "react/jsx-filename-extension": 0,
        "react/forbid-prop-types": 0,
        "react/display-name": 0,
        "react/no-unused-prop-types": 0,
        "react/require-default-props": 0,
        "react/sort-comp": 0,
        "jsx-a11y/click-events-have-key-events": 0,
        "jsx-a11y/no-noninteractive-tabindex": 0,
        "jsx-a11y/no-interactive-element-to-noninteractive-role": 0,
        "jsx-a11y/no-noninteractive-element-to-interactive-role": 0,
        "jsx-a11y/no-noninteractive-element-interactions": 0,
        "jsx-a11y/no-onchange": 0,
        "jsx-a11y/label-has-for": [1, {
            "components": ["Label"],
            "required": {
                "every": ["nesting", "id"]
            },
            "allowChildren": true
        }],
        "no-duplicate-imports": 0,
        "import/no-extraneous-dependencies": [2, {
            "devDependencies": ["!(src|lib)/**"],
            "optionalDependencies": false,
            "peerDependencies": ["packages/**/src/**", "packages/**/*.stories.js"]
        }],
        "import/no-unresolved": 0,
        "import/no-named-as-default": 0,
        "import/extensions": 0,
        "import/no-dynamic-require": 0,
        "import/no-named-as-default-member": 1,
        "import/prefer-default-export": 0,
        "import/no-webpack-loader-syntax": 0,
        "import/no-duplicates": 2,
        "jsx-a11y/no-static-element-interactions": 0,
        "jsx-a11y/alt-text": 0,
        "jsx-a11y/media-has-caption": 0,
        "jsx-a11y/anchor-is-valid": 1,
        "max-len": [2, 155],
        "no-async/no-async": 2
    },
    "overrides": [
        {
            "files": ["*.js", "*.jsx"],
            extends: [ "plugin:ft-flow/recommended"],
            "plugins": [ "ft-flow"],
        },
        {
            "files": ["*.ts", "*.tsx"],
            "parser": "@typescript-eslint/parser",
            "parserOptions": {
                "ecmaFeatures": {
                    "jsx": true
                },
                "project": "tsconfig.json",
                "tsconfigRootDir": "."
            },
            "plugins": ["@typescript-eslint"],
            "extends": ["eslint:recommended", "plugin:@typescript-eslint/eslint-recommended", "plugin:@typescript-eslint/recommended"],
            rules: {
                "import/no-extraneous-dependencies": 0,
                "@typescript-eslint/no-explicit-any": 0,
                "@typescript-eslint/consistent-type-assertions": "warn",
                "@typescript-eslint/no-redeclare": "warn",
                "no-console": 0,
                "no-async/no-async": 0
            }
        },
        {
            "files": ["*.test.js", "*.test.jsx", "*.mock.jsx"],
            "plugins": ["vitest"],
            "env": {},
            "globals": {
                "clearViMocks": "readonly",
                "jsdom": "readonly",
                "vi": "readonly",
                "render": "readonly",
                "userEvent": "readonly",
                "renderHook": "readonly",
                "renderHookWithError": "readonly",
            },
            "extends": ["plugin:vitest/recommended"],
            "rules": {
                "no-empty": 0,
                "import/first": 0,
                "no-new-object": 0,
                "no-mixed-spaces-and-tabs": 0,
                "object-curly-spacing": 0,
                "no-unexpected-multiline": 0,
                "react/jsx-no-bind": 0,
                "vitest/valid-expect": 0,
                "vitest/expect-expect": 2,
                "vitest/no-commented-out-tests": 0,
                "no-async/no-async": 0
            }
        }
    ]
};