@wistia/eslint-config 2.3.1 → 2.4.0

package/src/rules/react.mjs

@@ -1,5 +1,5 @@
-// only add react rules
-// see: https://github.com/jsx-eslint/eslint-plugin-react#list-of-supported-rules
+// @eslint-react rules
+// see: https://beta.eslint-react.xyz/docs/rules
 
 export default {
   // Enforce that class methods utilize this
@@ -28,570 +28,291 @@ export default {
     },
   ],
 
-  // Surfaces problematic React code found by the React compiler
-  'react-compiler/react-compiler': 'error',
+  // --- Core React rules ---
 
-  // Prevent missing displayName in a React component definition
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/display-name.md
-  'react/display-name': ['off', { ignoreTranspilerName: false }],
+  // Validates higher order functions defining nested components or hooks
+  '@eslint-react/component-hook-factories': 'error',
 
-  // Forbid certain propTypes (any, array, object)
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/forbid-prop-types.md
-  // decision: prop-types are deprecated in favor of TypeScript types
-  'react/forbid-prop-types': 'off',
+  // Validates usage of Error Boundaries instead of try/catch for child errors
+  '@eslint-react/error-boundaries': 'error',
 
-  // Forbid certain props on DOM Nodes
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/forbid-dom-props.md
-  'react/forbid-dom-props': ['off', { forbid: [] }],
+  // Verify the list of the dependencies for Hooks like useEffect and similar
+  '@eslint-react/exhaustive-deps': 'error',
 
-  // Enforce boolean attributes notation in JSX; enable for consistency
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-boolean-value.md
-  'react/jsx-boolean-value': ['error', 'always'],
+  // Validates against mutating props, state, and other immutable values
+  '@eslint-react/immutability': 'error',
 
-  // Validate closing bracket location in JSX
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-closing-bracket-location.md
-  // decision: disabled because this is a formatter concern
-  'react/jsx-closing-bracket-location': 'off',
+  // Prevents unintentional '$' sign before expression in JSX
+  '@eslint-react/jsx-dollar': 'error',
 
-  // Validate closing tag location in JSX
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-closing-tag-location.md
-  // decision: disabled because this is a formatter concern
-  'react/jsx-closing-tag-location': 'off',
+  // Enforce key prop comes before spread to avoid overriding
+  '@eslint-react/jsx-key-before-spread': 'error',
 
-  // Enforce or disallow spaces inside of curly braces in JSX attributes
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-curly-spacing.md
-  // decision: disabled because this is a formatter concern
-  'react/jsx-curly-spacing': 'off',
+  // Prevent accidental JS comments from being injected into JSX as text
+  '@eslint-react/jsx-no-comment-textnodes': 'error',
 
-  // Enforce event handler naming conventions in JSX
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-handler-names.md
-  'react/jsx-handler-names': [
-    'error',
-    {
-      eventHandlerPrefix: 'handle',
-      eventHandlerPropPrefix: 'on',
-      checkLocalVariables: true,
-      checkInlineFunction: false,
-    },
-  ],
+  // Enforce explicit boolean prop syntax (e.g. disabled={true} instead of disabled)
+  // note: -1 means "never use shorthand" (equivalent to react/jsx-boolean-value: ['error', 'always'])
+  '@eslint-react/jsx-shorthand-boolean': ['error', -1],
 
-  // Validate props indentation in JSX
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-indent-props.md
-  // decision: disabled because this is a formatter concern
-  'react/jsx-indent-props': 'off',
+  // Enforce shorthand fragment syntax (<> instead of <React.Fragment>)
+  // note: 1 means "always use shorthand" (equivalent to react/jsx-fragments: ['error', 'syntax'])
+  '@eslint-react/jsx-shorthand-fragment': ['error', 1],
 
-  // Validate JSX has key prop when in array or iterator
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-key.md
-  'react/jsx-key': [
-    'error',
-    { checkFragmentShorthand: true, checkKeyMustBeforeSpread: true, warnOnDuplicates: true },
-  ],
+  // Prevent using this.state within a this.setState
+  '@eslint-react/no-access-state-in-setstate': 'error',
 
-  // Limit maximum of props on a single line in JSX
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-max-props-per-line.md
-  // decision: disabled because this is a formatter concern
-  'react/jsx-max-props-per-line': 'off',
+  // Prevent usage of Array index in keys
+  '@eslint-react/no-array-index-key': 'error',
 
-  // Prevent usage of .bind() in JSX props
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-no-bind.md
-  'react/jsx-no-bind': [
-    'error',
-    {
-      ignoreRefs: true,
-      allowArrowFunctions: true,
-      allowFunctions: false,
-      allowBind: false,
-      ignoreDOMComponents: true,
-    },
-  ],
+  // Disallow usage of Children.count
+  '@eslint-react/no-children-count': 'error',
 
-  // Prevent duplicate props in JSX
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-no-duplicate-props.md
-  'react/jsx-no-duplicate-props': ['error', { ignoreCase: true }],
+  // Disallow usage of Children.forEach
+  '@eslint-react/no-children-for-each': 'error',
 
-  // Prevent usage of unwrapped JSX strings
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-no-literals.md
-  'react/jsx-no-literals': ['off', { noStrings: true }],
+  // Disallow usage of Children.map
+  '@eslint-react/no-children-map': 'error',
 
-  // Disallow undeclared variables in JSX
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-no-undef.md
-  'react/jsx-no-undef': 'error',
+  // Disallow usage of Children.only
+  '@eslint-react/no-children-only': 'error',
 
-  // Enforce PascalCase for user-defined JSX components
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-pascal-case.md
-  'react/jsx-pascal-case': [
-    'error',
-    {
-      allowAllCaps: true,
-      ignore: [],
-    },
-  ],
+  // Prevent passing of children as props
+  '@eslint-react/no-children-prop': 'error',
 
-  // Enforce propTypes declarations alphabetical sorting
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/sort-prop-types.md
-  // decision: prop-types are deprecated in favor of TypeScript types
-  'react/sort-prop-types': 'off',
+  // Disallow usage of Children.toArray
+  '@eslint-react/no-children-to-array': 'error',
 
-  // Deprecated in favor of react/jsx-sort-props
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-sort-prop-types.md
-  'react/jsx-sort-prop-types': 'off',
+  // Disallow class components (except for error boundaries)
+  '@eslint-react/no-class-component': 'error',
 
-  // Enforce props alphabetical sorting
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-sort-props.md
-  'react/jsx-sort-props': [
-    'error',
-    {
-      ignoreCase: true,
-      callbacksLast: false,
-      shorthandFirst: false,
-      shorthandLast: false,
-      noSortAlphabetically: false,
-      reservedFirst: true,
-    },
-  ],
+  // Disallow usage of cloneElement
+  '@eslint-react/no-clone-element': 'error',
 
-  // Prevent React to be incorrectly marked as unused
-  // decision: no longer required with React >= 17
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-uses-react.md
-  'react/jsx-uses-react': 'off',
+  // Disallow usage of componentWillMount
+  '@eslint-react/no-component-will-mount': 'error',
 
-  // Prevent variables used in JSX to be incorrectly marked as unused
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-uses-vars.md
-  'react/jsx-uses-vars': 'error',
+  // Disallow usage of componentWillReceiveProps
+  '@eslint-react/no-component-will-receive-props': 'error',
 
-  // Prevent usage of dangerous JSX properties
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-danger.md
-  'react/no-danger': 'error',
+  // Disallow usage of componentWillUpdate
+  '@eslint-react/no-component-will-update': 'error',
 
-  // Prevent usage of deprecated methods
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-deprecated.md
-  'react/no-deprecated': 'error',
+  // Disallow usage of legacy Context.Provider (React 19+)
+  '@eslint-react/no-context-provider': 'error',
 
-  // Prevent usage of setState in componentDidMount
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-did-mount-set-state.md
-  // this is necessary for server-rendering
-  'react/no-did-mount-set-state': 'error',
+  // Disallow usage of createRef (prefer useRef)
+  '@eslint-react/no-create-ref': 'error',
 
-  // Prevent usage of setState in componentDidUpdate
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-did-update-set-state.md
-  'react/no-did-update-set-state': 'error',
+  // Prevent direct mutation of this.state
+  '@eslint-react/no-direct-mutation-state': 'error',
 
-  // Prevent usage of setState in componentWillUpdate
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-will-update-set-state.md
-  'react/no-will-update-set-state': 'error',
+  // Disallow duplicate keys in JSX arrays
+  '@eslint-react/no-duplicate-key': 'error',
 
-  // Prevent direct mutation of this.state
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-direct-mutation-state.md
-  'react/no-direct-mutation-state': 'off',
+  // Disallow usage of forwardRef (React 19+ passes ref as prop)
+  '@eslint-react/no-forward-ref': 'error',
 
-  // Prevent usage of isMounted
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-is-mounted.md
-  'react/no-is-mounted': 'error',
+  // Prevent implicitly passing the children prop
+  '@eslint-react/no-implicit-children': 'error',
 
-  // Prevent multiple component definition per file
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-multi-comp.md
-  'react/no-multi-comp': 'off',
+  // Prevent implicitly passing the key prop
+  '@eslint-react/no-implicit-key': 'error',
 
-  // Prevent usage of setState
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-set-state.md
-  'react/no-set-state': 'off',
+  // Prevent implicitly passing the ref prop
+  '@eslint-react/no-implicit-ref': 'error',
 
-  // Prevent using string references
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-string-refs.md
-  'react/no-string-refs': 'error',
+  // Prevent problematic leaked values from being rendered
+  '@eslint-react/no-leaked-conditional-rendering': 'error',
 
-  // Prevent usage of unknown DOM property
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-unknown-property.md
-  'react/no-unknown-property': 'error',
-
-  // Require ES6 class declarations over React.createClass
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/prefer-es6-class.md
-  'react/prefer-es6-class': ['error', 'always'],
-
-  // Require stateless functions when not using lifecycle methods, setState or ref
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/prefer-stateless-function.md
-  'react/prefer-stateless-function': ['error', { ignorePureComponents: true }],
-
-  // Prevent missing props validation in a React component definition
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/prop-types.md
-  // decision: prop-types are deprecated in favor of TypeScript types
-  'react/prop-types': 'off',
-
-  // Prevent missing React when using JSX
-  // decision: no longer required with React 17 & babel `automatic` runtime
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/react-in-jsx-scope.md
-  'react/react-in-jsx-scope': 'off',
-
-  // Require render() methods to return something
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/require-render-return.md
-  'react/require-render-return': 'error',
-
-  // Prevent extra closing tags for components without children
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/self-closing-comp.md
-  'react/self-closing-comp': 'error',
-
-  // Enforce component methods order
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/sort-comp.md
-  'react/sort-comp': [
-    'error',
-    {
-      order: [
-        'static-variables',
-        'static-methods',
-        'instance-variables',
-        'lifecycle',
-        '/^handle.+$/',
-        '/^on.+$/',
-        'getters',
-        'setters',
-        '/^(get|set)(?!(InitialState$|DefaultProps$|ChildContext$)).+$/',
-        'instance-methods',
-        'everything-else',
-        'rendering',
-      ],
-      groups: {
-        lifecycle: [
-          'displayName',
-          'propTypes',
-          'contextTypes',
-          'childContextTypes',
-          'mixins',
-          'statics',
-          'defaultProps',
-          'constructor',
-          'getDefaultProps',
-          'getInitialState',
-          'state',
-          'getChildContext',
-          'getDerivedStateFromProps',
-          'componentWillMount',
-          'UNSAFE_componentWillMount',
-          'componentDidMount',
-          'componentWillReceiveProps',
-          'UNSAFE_componentWillReceiveProps',
-          'shouldComponentUpdate',
-          'componentWillUpdate',
-          'UNSAFE_componentWillUpdate',
-          'getSnapshotBeforeUpdate',
-          'componentDidUpdate',
-          'componentDidCatch',
-          'componentWillUnmount',
-        ],
-        rendering: ['/^render.+$/', 'render'],
-      },
-    },
-  ],
+  // Enforce that components have a displayName for DevTools
+  '@eslint-react/no-missing-component-display-name': 'off',
 
-  // Enforce defaultProps declarations alphabetical sorting
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/sort-default-props.md
-  'react/sort-default-props': [
-    'error',
-    {
-      ignoreCase: true,
-    },
-  ],
+  // Enforce that contexts have a displayName for DevTools
+  '@eslint-react/no-missing-context-display-name': 'off',
+
+  // Enforce that every JSX element in a list has a key prop
+  '@eslint-react/no-missing-key': 'error',
+
+  // Disallow misusing captureOwnerStack
+  '@eslint-react/no-misused-capture-owner-stack': 'error',
+
+  // Prevent creating unstable components inside components
+  '@eslint-react/no-nested-component-definitions': 'error',
 
-  // Prevent missing parentheses around multilines JSX
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-wrap-multilines.md
-  // decision: disabled because this is a formatter concern
-  'react/jsx-wrap-multilines': 'off',
+  // Prevent creating lazy components inside components
+  '@eslint-react/no-nested-lazy-component-declarations': 'error',
 
-  // Require that the first prop in a JSX element be on a new line when the element is multiline
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-first-prop-new-line.md
-  // decision: disabled because this is a formatter concern
-  'react/jsx-first-prop-new-line': 'off',
+  // Prevent usage of shouldComponentUpdate when extending React.PureComponent
+  '@eslint-react/no-redundant-should-component-update': 'error',
 
-  // Enforce spacing around jsx equals signs
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-equals-spacing.md
-  // decision: disabled because this is a formatter concern
-  'react/jsx-equals-spacing': 'off',
+  // Prevent usage of setState in componentDidMount
+  '@eslint-react/no-set-state-in-component-did-mount': 'error',
 
-  // Enforce JSX indentation
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-indent.md
-  // decision: disabled because this is a formatter concern
-  'react/jsx-indent': 'off',
+  // Prevent usage of setState in componentDidUpdate
+  '@eslint-react/no-set-state-in-component-did-update': 'error',
 
-  // Disallow target="_blank" on links
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-no-target-blank.md
-  'react/jsx-no-target-blank': ['error', { enforceDynamicLinks: 'always' }],
+  // Prevent usage of setState in componentWillUpdate
+  '@eslint-react/no-set-state-in-component-will-update': 'error',
 
-  // only .jsx & .tsx files may have JSX
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-filename-extension.md
-  // decision: include typescript extensions to allow interop
-  'react/jsx-filename-extension': ['error', { extensions: ['.jsx', '.tsx'] }],
+  // Disallow unnecessary useCallback hooks
+  '@eslint-react/no-unnecessary-use-callback': 'error',
 
-  // prevent accidental JS comments from being injected into JSX as text
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-no-comment-textnodes.md
-  'react/jsx-no-comment-textnodes': 'error',
+  // Disallow unnecessary useMemo hooks
+  '@eslint-react/no-unnecessary-use-memo': 'error',
 
-  // disallow using React.render/ReactDOM.render's return value
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-render-return-value.md
-  'react/no-render-return-value': 'error',
+  // Disallow unnecessary "use" prefix on custom hooks
+  '@eslint-react/no-unnecessary-use-prefix': 'error',
 
-  // require a shouldComponentUpdate method, or PureRenderMixin
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/require-optimization.md
-  'react/require-optimization': ['off', { allowDecorators: [] }],
+  // Disallow usage of UNSAFE_componentWillMount
+  '@eslint-react/no-unsafe-component-will-mount': 'error',
 
-  // warn against using findDOMNode()
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-find-dom-node.md
-  'react/no-find-dom-node': 'error',
+  // Disallow usage of UNSAFE_componentWillReceiveProps
+  '@eslint-react/no-unsafe-component-will-receive-props': 'error',
 
-  // Forbid certain props on Components
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/forbid-component-props.md
-  'react/forbid-component-props': ['off', { forbid: [] }],
+  // Disallow usage of UNSAFE_componentWillUpdate
+  '@eslint-react/no-unsafe-component-will-update': 'error',
 
-  // Forbid certain elements
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/forbid-elements.md
-  'react/forbid-elements': ['off', { forbid: [] }],
+  // Prevent non-stable values used as context values
+  '@eslint-react/no-unstable-context-value': 'error',
 
-  // Prevent problem with children and props.dangerouslySetInnerHTML
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-danger-with-children.md
-  'react/no-danger-with-children': 'error',
+  // Disallow referential-type variables as default props
+  '@eslint-react/no-unstable-default-props': 'error',
 
-  // Prevent unused propType definitions
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-unused-prop-types.md
-  // decision: prop-types are deprecated in favor of TypeScript types
-  'react/no-unused-prop-types': 'off',
+  // Prevent declaring unused methods of component class
+  '@eslint-react/no-unused-class-component-members': 'error',
 
-  // Require style prop value be an object or var
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/style-prop-object.md
-  'react/style-prop-object': 'error',
+  // Warn about component props that are defined but never used
+  '@eslint-react/no-unused-props': 'error',
 
-  // Prevent invalid characters from appearing in markup
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-unescaped-entities.md
-  'react/no-unescaped-entities': 'error',
+  // Prevent unused state values
+  '@eslint-react/no-unused-state': 'error',
 
-  // Prevent passing of children as props
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-children-prop.md
-  'react/no-children-prop': 'error',
+  // Prefer using use() over useContext() (React 19+)
+  '@eslint-react/no-use-context': 'error',
 
-  // Validate whitespace in and around the JSX opening and closing brackets
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-tag-spacing.md
-  // decision: disabled because this is a formatter concern
-  'react/jsx-tag-spacing': 'off',
+  // Disallow unnecessary fragments
+  '@eslint-react/no-useless-fragment': 'error',
 
-  // Enforce spaces before the closing bracket of self-closing JSX elements
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-space-before-closing.md
-  // decision: this rule is deprecated. It was replaced by react/jsx-tag-spacing.
-  // 'react/jsx-space-before-closing': 'off',
+  // Enforce consistent usage of destructuring assignment of props, state, and context
+  '@eslint-react/prefer-destructuring-assignment': 'off',
 
-  // Prevent usage of Array index in keys
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-array-index-key.md
-  'react/no-array-index-key': 'error',
+  // Enforce importing React via a namespace import
+  '@eslint-react/prefer-namespace-import': 'off',
 
-  // Enforce a defaultProps definition for every prop that is not a required prop
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/require-default-props.md
-  // decision: default prop types shouldn't be necessary for optional parameters as they can just default to undefined
-  'react/require-default-props': 'off',
+  // Validates that components/hooks are pure
+  '@eslint-react/purity': 'error',
 
-  // Forbids using non-exported propTypes
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/forbid-foreign-prop-types.md
-  // decision: prop-types are deprecated in favor of TypeScript types
-  'react/forbid-foreign-prop-types': 'off',
+  // Validates correct usage of refs, not reading/writing during render
+  '@eslint-react/refs': 'error',
 
-  // Prevent void DOM elements from receiving children
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/void-dom-elements-no-children.md
-  'react/void-dom-elements-no-children': 'error',
+  // Enforce Rules of Hooks
+  '@eslint-react/rules-of-hooks': 'error',
 
-  // Enforce all defaultProps have a corresponding non-required PropType
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/default-props-match-prop-types.md
-  // decision: prop-types are deprecated in favor of TypeScript types
-  'react/default-props-match-prop-types': 'off',
+  // Validates against calling setState synchronously in an effect
+  '@eslint-react/set-state-in-effect': 'error',
 
-  // Prevent usage of shouldComponentUpdate when extending React.PureComponent
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-redundant-should-component-update.md
-  'react/no-redundant-should-component-update': 'error',
+  // Validates against setting state during render
+  '@eslint-react/set-state-in-render': 'error',
 
-  // Prevent unused state values
-  // https://github.com/jsx-eslint/eslint-plugin-react/pull/1103/
-  'react/no-unused-state': 'error',
+  // Enforces the Rules of Props (unstable)
+  '@eslint-react/unstable-rules-of-props': 'error',
 
-  // Enforces consistent naming for boolean props
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/boolean-prop-naming.md
-  'react/boolean-prop-naming': [
-    'off',
-    {
-      propTypeNames: ['bool', 'mutuallyExclusiveTrueProps'],
-      rule: '^(is|has)[A-Z]([A-Za-z0-9]?)+',
-      message: '',
-    },
-  ],
+  // Enforces the Rules of State (unstable)
+  '@eslint-react/unstable-rules-of-state': 'error',
 
-  // Prevents common casing typos
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-typos.md
-  'react/no-typos': 'error',
+  // Validates against syntax that React does not support
+  '@eslint-react/unsupported-syntax': 'error',
 
-  // Enforce curly braces or disallow unnecessary curly braces in JSX props and/or children
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-curly-brace-presence.md
-  'react/jsx-curly-brace-presence': ['error', { props: 'never', children: 'never' }],
+  // Validates usage of useMemo with a return value
+  '@eslint-react/use-memo': 'error',
 
-  // One JSX Element Per Line
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-one-expression-per-line.md
-  // decision: disabled because this is a formatter concern
-  'react/jsx-one-expression-per-line': 'off',
+  // Ensure destructuring and symmetric naming of useState hook value and setter
+  '@eslint-react/use-state': 'error',
 
-  // Enforce consistent usage of destructuring assignment of props, state, and context
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/destructuring-assignment.md
-  // decision: it's acceptable to mix these even at the expense of consistency
-  'react/destructuring-assignment': ['off', 'always'],
+  // --- React DOM rules ---
 
-  // Prevent using this.state within a this.setState
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-access-state-in-setstate.md
-  'react/no-access-state-in-setstate': 'error',
+  // Warn on usage of dangerouslySetInnerHTML
+  '@eslint-react/dom/no-dangerously-set-innerhtml': 'error',
 
-  // Prevent usage of button elements without an explicit type attribute
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/button-has-type.md
-  'react/button-has-type': [
-    'error',
-    {
-      button: true,
-      submit: true,
-      reset: false,
-    },
-  ],
+  // Prevent problem with children and dangerouslySetInnerHTML
+  '@eslint-react/dom/no-dangerously-set-innerhtml-with-children': 'error',
 
-  // Ensures inline tags are not rendered without spaces between them
-  'react/jsx-child-element-spacing': 'off',
+  // Warn against using findDOMNode()
+  '@eslint-react/dom/no-find-dom-node': 'error',
 
-  // Prevent this from being used in stateless functional components
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-this-in-sfc.md
-  'react/no-this-in-sfc': 'error',
+  // Disallow usage of flushSync
+  '@eslint-react/dom/no-flush-sync': 'error',
 
-  // Validate JSX maximum depth
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-max-depth.md
-  'react/jsx-max-depth': 'off',
+  // Disallow usage of ReactDOM.hydrate (use hydrateRoot instead)
+  '@eslint-react/dom/no-hydrate': 'error',
 
-  // Disallow multiple spaces between inline JSX props
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-props-no-multi-spaces.md
-  'react/jsx-props-no-multi-spaces': 'off',
+  // Enforce that buttons have an explicit type attribute
+  '@eslint-react/dom/no-missing-button-type': 'error',
 
-  // Prevent usage of UNSAFE_ methods
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-unsafe.md
-  'react/no-unsafe': 'off',
+  // Enforce sandbox attribute on iframe elements
+  '@eslint-react/dom/no-missing-iframe-sandbox': 'error',
 
-  // Enforce shorthand or standard form for React fragments
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-fragments.md
-  'react/jsx-fragments': ['error', 'syntax'],
+  // Enforce that namespaces are not used in React elements
+  '@eslint-react/dom/no-namespace': 'error',
 
-  // Enforce linebreaks in curly braces in JSX attributes and expressions.
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-curly-newline.md
-  // decision: disabled because this is a formatter concern
-  'react/jsx-curly-newline': 'off',
+  // Disallow usage of ReactDOM.render (use createRoot instead)
+  '@eslint-react/dom/no-render': 'error',
 
-  // Enforce state initialization style
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/state-in-constructor.md
-  'react/state-in-constructor': ['error', 'never'],
+  // Disallow using ReactDOM.render return value
+  '@eslint-react/dom/no-render-return-value': 'error',
 
-  // Enforces where React component static properties should be positioned
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/static-property-placement.md
-  'react/static-property-placement': ['error', 'static public field'],
+  // Prevent usage of javascript: URLs
+  '@eslint-react/dom/no-script-url': 'error',
 
-  // Disallow JSX props spreading
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-props-no-spreading.md
-  // decision: because we have type safety in TypeScript, this rule isn't necessary as we will see
-  // TS errors for prop spreading against mismatched (prop)type declarations
-  'react/jsx-props-no-spreading': 'off',
+  // Require style prop value be an object
+  '@eslint-react/dom/no-string-style-prop': 'error',
 
-  // Enforce that props are read-only
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/prefer-read-only-props.md
-  'react/prefer-read-only-props': 'off',
+  // Prevent usage of unknown DOM property
+  '@eslint-react/dom/no-unknown-property': 'error',
 
-  // Prevent usage of `javascript:` URLs
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-no-script-url.md
-  'react/jsx-no-script-url': [
-    'error',
-    [
-      {
-        name: 'Link',
-        props: ['to'],
-      },
-    ],
-  ],
+  // Enforce safe iframe sandbox attribute values
+  '@eslint-react/dom/no-unsafe-iframe-sandbox': 'error',
 
-  // Disallow unnecessary fragments
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-no-useless-fragment.md
-  'react/jsx-no-useless-fragment': 'error',
+  // Disallow target="_blank" without rel="noreferrer"
+  '@eslint-react/dom/no-unsafe-target-blank': 'error',
 
-  // Prevent adjacent inline elements not separated by whitespace
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-adjacent-inline-elements.md
-  'react/no-adjacent-inline-elements': 'error',
+  // Disallow usage of deprecated useFormState (use useActionState instead)
+  '@eslint-react/dom/no-use-form-state': 'error',
 
-  // Enforce a specific function type for function components
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/function-component-definition.md
-  'react/function-component-definition': [
-    'error',
-    {
-      namedComponents: 'arrow-function',
-      unnamedComponents: 'arrow-function',
-    },
-  ],
+  // Prevent void DOM elements from receiving children
+  '@eslint-react/dom/no-void-elements-with-children': 'error',
 
-  // Enforce a new line after jsx elements and expressions
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-newline.md
-  // decision: disabled because this is a formatter concern
-  'react/jsx-newline': 'off',
+  // Enforce importing React DOM via a namespace import
+  '@eslint-react/dom/prefer-namespace-import': 'off',
 
-  // Prevent react contexts from taking non-stable values
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-no-constructed-context-values.md
-  'react/jsx-no-constructed-context-values': 'error',
+  // --- RSC rules ---
 
-  // Prevent creating unstable components inside components
-  // decision: adjusted to allow for render props
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-unstable-nested-components.md
-  'react/no-unstable-nested-components': ['error', { allowAsProps: true }],
+  // Enforce correct function definition for React Server Components
+  '@eslint-react/rsc/function-definition': 'error',
 
-  // Enforce that namespaces are not used in React elements
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-namespace.md
-  'react/no-namespace': 'error',
+  // --- Naming convention rules ---
 
-  // Prefer exact proptype definitions
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/prefer-exact-props.md
-  'react/prefer-exact-props': 'error',
+  // Enforce consistent naming for React context
+  '@eslint-react/naming-convention/context-name': 'error',
 
-  // Lifecycle methods should be methods on the prototype, not class fields
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-arrow-function-lifecycle.md
-  'react/no-arrow-function-lifecycle': 'error',
+  // Enforce consistent naming for React component identifiers
+  '@eslint-react/naming-convention/id-name': 'error',
 
-  // Prevent usage of invalid attributes
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-invalid-html-attribute.md
-  'react/no-invalid-html-attribute': 'error',
+  // Enforce consistent naming for refs
+  '@eslint-react/naming-convention/ref-name': 'error',
 
-  // Prevent declaring unused methods of component class
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-unused-class-component-methods.md
-  'react/no-unused-class-component-methods': 'error',
+  // --- Web API rules ---
 
-  // Ensure destructuring and symmetric naming of useState hook value and setter variables
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/hook-use-state.md
-  'react/hook-use-state': 'error',
+  // Prevent leaked event listeners
+  '@eslint-react/web-api/no-leaked-event-listener': 'error',
 
-  // Enforce sandbox attribute on iframe elements
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/iframe-missing-sandbox.md
-  'react/iframe-missing-sandbox': 'error',
+  // Prevent leaked setInterval calls
+  '@eslint-react/web-api/no-leaked-interval': 'error',
 
-  // Prevent problematic leaked values from being rendered
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-no-leaked-render.md
-  'react/jsx-no-leaked-render': 'error',
-
-  // Enforce using `onChange` or `readonly` attribute when `checked` is used
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/checked-requires-onchange-or-readonly.md
-  'react/checked-requires-onchange-or-readonly': 'error',
-
-  // Disallow usage of referential-type variables as default param in functional component
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-object-type-as-default-prop.md
-  // decision: there's an edge case issue this could prevent but it's not common enough to warrant the rule
-  'react/no-object-type-as-default-prop': 'off',
-
-  // Some developers prefer to sort defaultProps declarations alphabetically to be able to find necessary declarations easier at a later time.
-  // Others feel that it adds complexity and becomes a burden to maintain.
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-sort-default-props.md
-  // decision: this rule is deprecated. It was replaced by `react/sort-default-props`
-  // 'react/jsx-sort-default-props': 'off',
-
-  // Require all forwardRef components include a ref parameter
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/forward-ref-uses-ref.md
-  'react/forward-ref-uses-ref': 'error',
-
-  // Disallow JSX prop spreading the same identifier multiple times
-  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-props-no-spread-multi.md
-  'react/jsx-props-no-spread-multi': 'error',
+  // Prevent leaked ResizeObserver instances
+  '@eslint-react/web-api/no-leaked-resize-observer': 'error',
+
+  // Prevent leaked setTimeout calls
+  '@eslint-react/web-api/no-leaked-timeout': 'error',
 };