@braineet/eslint-config/react.js

Shared Eslint configuration for Braineet Frontend projects.

module.exports = {
    env: {
        browser: true,
        es6: true,
        node: true,
    },
    settings: {
        react: {
            version: 'detect',
        },
    },
    plugins: ['react', 'react-hooks', 'jsx-a11y'],
    rules: {
        'react/destructuring-assignment': 0,
        'react/function-component-definition': 0,
        'react/require-default-props': 0,
        'react/require-extension': 0,
        'react/self-closing-comp': 0,
        'react/sort-comp': 0,
        'react/forbid-prop-types': 0,
        'react/jsx-closing-tag-location': 0,
        'react/jsx-first-prop-new-line': [2, 'multiline'],
        'react/jsx-filename-extension': 0,
        'react/jsx-props-no-spreading': 0,
        'react/jsx-no-target-blank': 0,
        'react/jsx-uses-vars': 2,
        'jsx-a11y/aria-props': 2,
        'jsx-a11y/heading-has-content': 0,
        'jsx-a11y/label-has-associated-control': [
            2,
            {
                controlComponents: ['Input'],
            },
        ],
        'jsx-a11y/mouse-events-have-key-events': 2,
        'jsx-a11y/role-has-required-aria-props': 2,
        'jsx-a11y/role-supports-aria-props': 2,
        'react-hooks/rules-of-hooks': 2,
        'react-hooks/exhaustive-deps': 1,
    },
};