@bcgov-elmsd/eslint-config/lib/rules/react.js

A modern ESLint configuration for JavaScript, TypeScript and React which includes the Airbnb style guide, jsx-a11y and Prettier.

module.exports = {
    extends: ["airbnb", "plugin:react/recommended", "plugin:jsx-a11y/recommended", require.resolve("./final")],
    plugins: ["react", "react-hooks", "jsx-a11y"],
    parserOptions: {
        ecmaFeatures: {
            jsx: true
        }
    },
    settings: {
        react: {
            version: "detect"
        }
    },
    rules: {
        // https://github.com/facebook/react/tree/main/packages/eslint-plugin-react-hooks"
        "react-hooks/rules-of-hooks": "error",
        "react-hooks/exhaustive-deps": "error",

        // https://github.com/yannickcr/eslint-plugin-react/tree/master/docs/rules
        "react/function-component-definition": [
            "error",
            {
                namedComponents: ["arrow-function", "function-declaration"]
            }
        ],
        "react/jsx-filename-extension": ["error", { extensions: [".jsx", ".tsx"] }],
        "react/jsx-props-no-spreading": "off"
    }
}