☂️ eslint-plugin-react


> [!WARNING]
> This comment is maintained by CI. Do not edit this comment directly.
> To update comment template, see https://github.com/oxc-project/oxc/tree/main/tasks/lint_rules

This is the tracking issue for `eslint-plugin-react`, `eslint-plugin-react-hooks`.


There are 130(+ 2 deprecated) rules.

- 2/38 recommended rules are remaining as TODO
  - 3 of which have pending fixes
- 16/92 not recommended rules are remaining as TODO
  - 3 of which have pending fixes


To get started, run the following command:

```sh
just new-react-rule <RULE_NAME>
```

Then implement the rule and get all the tests passing.


## Recommended rules

<details open>
<summary>
  ✅: 19, 🚫: 17, ⏳: 3 / total: 38
</summary>

| Status | Name | Rationale |
| :----: | :--- | :-------- |
| 🚫 | react/component-hook-factories | React Compiler rules will not be implemented in oxlint for now, as they require integration with the react compiler itself. These rules can be used via JS Plugins if desired. |
| 🚫 | react/config | React Compiler rules will not be implemented in oxlint for now, as they require integration with the react compiler itself. These rules can be used via JS Plugins if desired. |
| ✅ | [react/display-name](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/display-name.md) |  |
| 🚫 | react/error-boundaries | React Compiler rules will not be implemented in oxlint for now, as they require integration with the react compiler itself. These rules can be used via JS Plugins if desired. |
| ✅ | [react/exhaustive-deps](https://github.com/facebook/react/issues/14920) |  |
| 🚫 | react/gating | React Compiler rules will not be implemented in oxlint for now, as they require integration with the react compiler itself. These rules can be used via JS Plugins if desired. |
| 🚫 | react/globals | React Compiler rules will not be implemented in oxlint for now, as they require integration with the react compiler itself. These rules can be used via JS Plugins if desired. |
| 🚫 | react/immutability | React Compiler rules will not be implemented in oxlint for now, as they require integration with the react compiler itself. These rules can be used via JS Plugins if desired. |
| 🚫 | react/incompatible-library | React Compiler rules will not be implemented in oxlint for now, as they require integration with the react compiler itself. These rules can be used via JS Plugins if desired. |
| ✅ | [react/jsx-key](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/jsx-key.md) |  |
| ✅ | [react/jsx-no-comment-textnodes](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/jsx-no-comment-textnodes.md) |  |
| ✅ | [react/jsx-no-duplicate-props](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/jsx-no-duplicate-props.md) |  |
| ✅⏳ | [react/jsx-no-target-blank](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/jsx-no-target-blank.md) |  |
| ✅ | [react/jsx-no-undef](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/jsx-no-undef.md) |  |
| 🚫 | [react/jsx-uses-react](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/jsx-uses-react.md) | It is unnecessary to import React for JSX/TSX files with React 17+ when using the new JSX transform. This rule is also not easy to implement in Oxlint as it modifies the behavior of another rule. |
| 🚫 | [react/jsx-uses-vars](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/jsx-uses-vars.md) | Handled by `eslint/no-unused-vars`, which already evaluates whether vars are used in JSX. |
| ✅ | [react/no-children-prop](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/no-children-prop.md) |  |
| ✅ | [react/no-danger-with-children](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/no-danger-with-children.md) |  |
|  | [react/no-deprecated](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/no-deprecated.md) |  |
| ✅ | [react/no-direct-mutation-state](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/no-direct-mutation-state.md) |  |
| ✅ | [react/no-find-dom-node](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/no-find-dom-node.md) |  |
| ✅ | [react/no-is-mounted](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/no-is-mounted.md) |  |
| ✅ | [react/no-render-return-value](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/no-render-return-value.md) |  |
| ✅ | [react/no-string-refs](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/no-string-refs.md) |  |
| ✅⏳ | [react/no-unescaped-entities](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/no-unescaped-entities.md) |  |
| ✅⏳ | [react/no-unknown-property](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/no-unknown-property.md) |  |
| 🚫 | react/preserve-manual-memoization | React Compiler rules will not be implemented in oxlint for now, as they require integration with the react compiler itself. These rules can be used via JS Plugins if desired. |
|  | [react/prop-types](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/prop-types.md) |  |
| 🚫 | react/purity | React Compiler rules will not be implemented in oxlint for now, as they require integration with the react compiler itself. These rules can be used via JS Plugins if desired. |
| ✅ | [react/react-in-jsx-scope](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/react-in-jsx-scope.md) |  |
| 🚫 | react/refs | React Compiler rules will not be implemented in oxlint for now, as they require integration with the react compiler itself. These rules can be used via JS Plugins if desired. |
| ✅ | [react/require-render-return](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/require-render-return.md) |  |
| ✅ | [react/rules-of-hooks](https://react.dev/reference/rules/rules-of-hooks) |  |
| 🚫 | react/set-state-in-effect | React Compiler rules will not be implemented in oxlint for now, as they require integration with the react compiler itself. These rules can be used via JS Plugins if desired. |
| 🚫 | react/set-state-in-render | React Compiler rules will not be implemented in oxlint for now, as they require integration with the react compiler itself. These rules can be used via JS Plugins if desired. |
| 🚫 | react/static-components | React Compiler rules will not be implemented in oxlint for now, as they require integration with the react compiler itself. These rules can be used via JS Plugins if desired. |
| 🚫 | react/unsupported-syntax | React Compiler rules will not be implemented in oxlint for now, as they require integration with the react compiler itself. These rules can be used via JS Plugins if desired. |
| 🚫 | react/use-memo | React Compiler rules will not be implemented in oxlint for now, as they require integration with the react compiler itself. These rules can be used via JS Plugins if desired. |

✅ = Implemented, 🚫 = Not intending to implement, ⏳ = Fix pending

</details>


## Not recommended rules

<details open>
<summary>
  ✅: 33, 🚫: 43, ⏳: 3 / total: 92
</summary>

| Status | Name | Rationale |
| :----: | :--- | :-------- |
| 🚫 | react/automatic-effect-dependencies | React Compiler rules will not be implemented in oxlint for now, as they require integration with the react compiler itself. These rules can be used via JS Plugins if desired. |
|  | [react/boolean-prop-naming](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/boolean-prop-naming.md) |  |
| ✅ | [react/button-has-type](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/button-has-type.md) |  |
| 🚫 | react/capitalized-calls | React Compiler rules will not be implemented in oxlint for now, as they require integration with the react compiler itself. These rules can be used via JS Plugins if desired. |
| ✅ | [react/checked-requires-onchange-or-readonly](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/checked-requires-onchange-or-readonly.md) |  |
| 🚫 | [react/default-props-match-prop-types](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/default-props-match-prop-types.md) | This rule only applies to legacy class components, which are not widely used in modern React. Also stylistic. |
|  | [react/destructuring-assignment](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/destructuring-assignment.md) |  |
| 🚫 | react/fbt | React Compiler rules will not be implemented in oxlint for now, as they require integration with the react compiler itself. These rules can be used via JS Plugins if desired. |
| 🚫 | react/fire | React Compiler rules will not be implemented in oxlint for now, as they require integration with the react compiler itself. These rules can be used via JS Plugins if desired. |
|  | [react/forbid-component-props](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/forbid-component-props.md) |  |
| ✅ | [react/forbid-dom-props](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/forbid-dom-props.md) |  |
| ✅ | [react/forbid-elements](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/forbid-elements.md) |  |
| 🚫 | [react/forbid-foreign-prop-types](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/forbid-foreign-prop-types.md) | PropTypes are ignored in React 19, and this rule is only relevant for very specific use-cases involving it. |
| 🚫 | [react/forbid-prop-types](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/forbid-prop-types.md) | PropTypes are ignored in React 19, and this rule is only relevant if you use the PropTypes package. |
| ✅ | [react/forward-ref-uses-ref](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/forward-ref-uses-ref.md) |  |
|  | [react/function-component-definition](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/function-component-definition.md) |  |
|  | [react/hook-use-state](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/hook-use-state.md) |  |
| 🚫 | react/hooks | React Compiler rules will not be implemented in oxlint for now, as they require integration with the react compiler itself. These rules can be used via JS Plugins if desired. |
| ✅⏳ | [react/iframe-missing-sandbox](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/iframe-missing-sandbox.md) |  |
| 🚫 | react/invariant | React Compiler rules will not be implemented in oxlint for now, as they require integration with the react compiler itself. These rules can be used via JS Plugins if desired. |
| ✅ | [react/jsx-boolean-value](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/jsx-boolean-value.md) |  |
| 🚫 | [react/jsx-child-element-spacing](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/jsx-child-element-spacing.md) | Stylistic rule from eslint-plugin-react. Should use Oxfmt for stylistic rules, or use JS Plugins to enable this rule. |
| 🚫 | [react/jsx-closing-bracket-location](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/jsx-closing-bracket-location.md) | Stylistic rule from eslint-plugin-react. Should use Oxfmt for stylistic rules, or use JS Plugins to enable this rule. |
| 🚫 | [react/jsx-closing-tag-location](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/jsx-closing-tag-location.md) | Stylistic rule from eslint-plugin-react. Should use Oxfmt for stylistic rules, or use JS Plugins to enable this rule. |
| ✅ | [react/jsx-curly-brace-presence](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/jsx-curly-brace-presence.md) |  |
| 🚫 | [react/jsx-curly-newline](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/jsx-curly-newline.md) | Stylistic rule from eslint-plugin-react. Should use Oxfmt for stylistic rules, or use JS Plugins to enable this rule. |
| 🚫 | [react/jsx-curly-spacing](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/jsx-curly-spacing.md) | Stylistic rule from eslint-plugin-react. Should use Oxfmt for stylistic rules, or use JS Plugins to enable this rule. |
| 🚫 | [react/jsx-equals-spacing](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/jsx-equals-spacing.md) | Stylistic rule from eslint-plugin-react. Should use Oxfmt for stylistic rules, or use JS Plugins to enable this rule. |
| ✅⏳ | [react/jsx-filename-extension](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/jsx-filename-extension.md) |  |
| 🚫 | [react/jsx-first-prop-new-line](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/jsx-first-prop-new-line.md) | Stylistic rule from eslint-plugin-react. Should use Oxfmt for stylistic rules, or use JS Plugins to enable this rule. |
| ✅ | [react/jsx-fragments](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/jsx-fragments.md) |  |
| ✅ | [react/jsx-handler-names](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/jsx-handler-names.md) |  |
| 🚫 | [react/jsx-indent](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/jsx-indent.md) | Stylistic rule from eslint-plugin-react. Should use Oxfmt for stylistic rules, or use JS Plugins to enable this rule. |
| 🚫 | [react/jsx-indent-props](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/jsx-indent-props.md) | Stylistic rule from eslint-plugin-react. Should use Oxfmt for stylistic rules, or use JS Plugins to enable this rule. |
| ✅ | [react/jsx-max-depth](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/jsx-max-depth.md) |  |
| 🚫 | [react/jsx-max-props-per-line](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/jsx-max-props-per-line.md) | Stylistic rule from eslint-plugin-react. Should use Oxfmt for stylistic rules, or use JS Plugins to enable this rule. |
| 🚫 | [react/jsx-newline](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/jsx-newline.md) | Stylistic rule from eslint-plugin-react. Should use Oxfmt for stylistic rules, or use JS Plugins to enable this rule. |
|  | [react/jsx-no-bind](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/jsx-no-bind.md) |  |
| ✅ | [react/jsx-no-constructed-context-values](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/jsx-no-constructed-context-values.md) |  |
|  | [react/jsx-no-leaked-render](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/jsx-no-leaked-render.md) |  |
|  | [react/jsx-no-literals](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/jsx-no-literals.md) |  |
| ✅⏳ | [react/jsx-no-script-url](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/jsx-no-script-url.md) |  |
| ✅ | [react/jsx-no-useless-fragment](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/jsx-no-useless-fragment.md) |  |
| 🚫 | [react/jsx-one-expression-per-line](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/jsx-one-expression-per-line.md) | Stylistic rule from eslint-plugin-react. Should use Oxfmt for stylistic rules, or use JS Plugins to enable this rule. |
| ✅ | [react/jsx-pascal-case](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/jsx-pascal-case.md) |  |
| 🚫 | [react/jsx-props-no-multi-spaces](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/jsx-props-no-multi-spaces.md) | Stylistic rule from eslint-plugin-react. Should use Oxfmt for stylistic rules, or use JS Plugins to enable this rule. |
| ✅ | [react/jsx-props-no-spread-multi](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/jsx-props-no-spread-multi.md) |  |
| ✅ | [react/jsx-props-no-spreading](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/jsx-props-no-spreading.md) |  |
| 🚫 | [react/jsx-sort-props](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/jsx-sort-props.md) | Stylistic rule from eslint-plugin-react. Should use Oxfmt for stylistic rules, or use JS Plugins to enable this rule. |
| 🚫 | [react/jsx-tag-spacing](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/jsx-tag-spacing.md) | Stylistic rule from eslint-plugin-react. Should use Oxfmt for stylistic rules, or use JS Plugins to enable this rule. |
| 🚫 | [react/jsx-wrap-multilines](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/jsx-wrap-multilines.md) | Stylistic rule from eslint-plugin-react. Should use Oxfmt for stylistic rules, or use JS Plugins to enable this rule. |
| 🚫 | react/memoized-effect-dependencies | React Compiler rules will not be implemented in oxlint for now, as they require integration with the react compiler itself. These rules can be used via JS Plugins if desired. |
| 🚫 | [react/no-access-state-in-setstate](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/no-access-state-in-setstate.md) | This rule only applies to legacy class components, which are not widely used in modern React. |
| 🚫 | [react/no-adjacent-inline-elements](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/no-adjacent-inline-elements.md) | Stylistic rule from eslint-plugin-react. Should use Oxfmt for stylistic rules, or use JS Plugins to enable this rule. |
| ✅ | [react/no-array-index-key](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/no-array-index-key.md) |  |
|  | [react/no-arrow-function-lifecycle](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/no-arrow-function-lifecycle.md) |  |
| ✅ | [react/no-danger](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/no-danger.md) |  |
| 🚫 | react/no-deriving-state-in-effects | React Compiler rules will not be implemented in oxlint for now, as they require integration with the react compiler itself. These rules can be used via JS Plugins if desired. |
| ✅ | [react/no-did-mount-set-state](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/no-did-mount-set-state.md) |  |
|  | [react/no-did-update-set-state](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/no-did-update-set-state.md) |  |
|  | [react/no-invalid-html-attribute](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/no-invalid-html-attribute.md) |  |
| ✅ | [react/no-multi-comp](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/no-multi-comp.md) |  |
| ✅ | [react/no-namespace](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/no-namespace.md) |  |
|  | [react/no-object-type-as-default-prop](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/no-object-type-as-default-prop.md) |  |
| ✅ | [react/no-redundant-should-component-update](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/no-redundant-should-component-update.md) |  |
| ✅ | [react/no-set-state](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/no-set-state.md) |  |
| ✅ | [react/no-this-in-sfc](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/no-this-in-sfc.md) |  |
|  | [react/no-typos](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/no-typos.md) |  |
| ✅ | [react/no-unsafe](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/no-unsafe.md) |  |
|  | [react/no-unstable-nested-components](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/no-unstable-nested-components.md) |  |
| 🚫 | [react/no-unused-class-component-methods](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/no-unused-class-component-methods.md) | This rule only applies to legacy class components, which are not widely used in modern React. It is also complex to implement. |
| 🚫 | [react/no-unused-prop-types](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/no-unused-prop-types.md) | PropTypes are ignored in React 19, and TypeScript + the `no-unused-vars` rule already catches unused props in most cases. |
| 🚫 | [react/no-unused-state](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/no-unused-state.md) | This rule only applies to legacy class components, which are not widely used in modern React. It is also complex to implement. |
| ✅ | [react/no-will-update-set-state](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/no-will-update-set-state.md) |  |
| ✅ | [react/prefer-es6-class](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/prefer-es6-class.md) |  |
| 🚫 | [react/prefer-exact-props](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/prefer-exact-props.md) | This rule is not relevant for TypeScript code, and PropTypes are ignored in React 19. |
| 🚫 | [react/prefer-read-only-props](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/prefer-read-only-props.md) | This rule is niche and primarily applies to legacy class components, which are not widely used in modern React. |
|  | [react/prefer-stateless-function](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/prefer-stateless-function.md) |  |
|  | [react/require-default-props](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/require-default-props.md) |  |
| 🚫 | [react/require-optimization](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/require-optimization.md) | This rule only applies to legacy class components, which are not widely used in modern React. |
| 🚫 | react/rule-suppression | React Compiler rules will not be implemented in oxlint for now, as they require integration with the react compiler itself. These rules can be used via JS Plugins if desired. |
| ✅ | [react/self-closing-comp](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/self-closing-comp.md) |  |
| 🚫 | [react/sort-comp](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/sort-comp.md) | This rule only applies to legacy class components, which are not widely used in modern React. Also stylistic. |
| 🚫 | [react/sort-default-props](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/sort-default-props.md) | `defaultProps` is removed entirely in React 19, this rule is no longer relevant. Also stylistic. |
| 🚫 | [react/sort-prop-types](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/sort-prop-types.md) | PropTypes are ignored in React 19, and this rule is only relevant if you use the PropTypes package. Also stylistic. |
| ✅ | [react/state-in-constructor](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/state-in-constructor.md) |  |
| 🚫 | [react/static-property-placement](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/static-property-placement.md) | This rule only applies to legacy class components, which are not widely used in modern React. |
| ✅ | [react/style-prop-object](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/style-prop-object.md) |  |
| 🚫 | react/syntax | React Compiler rules will not be implemented in oxlint for now, as they require integration with the react compiler itself. These rules can be used via JS Plugins if desired. |
| 🚫 | react/todo | React Compiler rules will not be implemented in oxlint for now, as they require integration with the react compiler itself. These rules can be used via JS Plugins if desired. |
| ✅ | [react/void-dom-elements-no-children](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/void-dom-elements-no-children.md) |  |
| 🚫 | react/void-use-memo | React Compiler rules will not be implemented in oxlint for now, as they require integration with the react compiler itself. These rules can be used via JS Plugins if desired. |

✅ = Implemented, 🚫 = Not intending to implement, ⏳ = Fix pending

</details>


## Deprecated rules

<details >
<summary>
  ✅: 0, 🚫: 2, ⏳: 0 / total: 2
</summary>

| Status | Name | Rationale |
| :----: | :--- | :-------- |
| 🚫 | [react/jsx-sort-default-props](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/jsx-sort-default-props.md) | Replaced by `react/sort-default-props`. |
| 🚫 | [react/jsx-space-before-closing](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/jsx-space-before-closing.md) | Stylistic rule from eslint-plugin-react. Should use Oxfmt for stylistic rules, or use JS Plugins to enable this rule. |

✅ = Implemented, 🚫 = Not intending to implement, ⏳ = Fix pending

</details>


Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

☂️ eslint-plugin-react #1022

Recommended rules

Not recommended rules

Deprecated rules

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Status	Name	Rationale
🚫	react/component-hook-factories	React Compiler rules will not be implemented in oxlint for now, as they require integration with the react compiler itself. These rules can be used via JS Plugins if desired.
🚫	react/config	React Compiler rules will not be implemented in oxlint for now, as they require integration with the react compiler itself. These rules can be used via JS Plugins if desired.
✅	react/display-name
🚫	react/error-boundaries	React Compiler rules will not be implemented in oxlint for now, as they require integration with the react compiler itself. These rules can be used via JS Plugins if desired.
✅	react/exhaustive-deps
🚫	react/gating	React Compiler rules will not be implemented in oxlint for now, as they require integration with the react compiler itself. These rules can be used via JS Plugins if desired.
🚫	react/globals	React Compiler rules will not be implemented in oxlint for now, as they require integration with the react compiler itself. These rules can be used via JS Plugins if desired.
🚫	react/immutability	React Compiler rules will not be implemented in oxlint for now, as they require integration with the react compiler itself. These rules can be used via JS Plugins if desired.
🚫	react/incompatible-library	React Compiler rules will not be implemented in oxlint for now, as they require integration with the react compiler itself. These rules can be used via JS Plugins if desired.
✅	react/jsx-key
✅	react/jsx-no-comment-textnodes
✅	react/jsx-no-duplicate-props
✅⏳	react/jsx-no-target-blank
✅	react/jsx-no-undef
🚫	react/jsx-uses-react	It is unnecessary to import React for JSX/TSX files with React 17+ when using the new JSX transform. This rule is also not easy to implement in Oxlint as it modifies the behavior of another rule.
🚫	react/jsx-uses-vars	Handled by `eslint/no-unused-vars`, which already evaluates whether vars are used in JSX.
✅	react/no-children-prop
✅	react/no-danger-with-children
	react/no-deprecated
✅	react/no-direct-mutation-state
✅	react/no-find-dom-node
✅	react/no-is-mounted
✅	react/no-render-return-value
✅	react/no-string-refs
✅⏳	react/no-unescaped-entities
✅⏳	react/no-unknown-property
🚫	react/preserve-manual-memoization	React Compiler rules will not be implemented in oxlint for now, as they require integration with the react compiler itself. These rules can be used via JS Plugins if desired.
	react/prop-types
🚫	react/purity	React Compiler rules will not be implemented in oxlint for now, as they require integration with the react compiler itself. These rules can be used via JS Plugins if desired.
✅	react/react-in-jsx-scope
🚫	react/refs	React Compiler rules will not be implemented in oxlint for now, as they require integration with the react compiler itself. These rules can be used via JS Plugins if desired.
✅	react/require-render-return
✅	react/rules-of-hooks
🚫	react/set-state-in-effect	React Compiler rules will not be implemented in oxlint for now, as they require integration with the react compiler itself. These rules can be used via JS Plugins if desired.
🚫	react/set-state-in-render	React Compiler rules will not be implemented in oxlint for now, as they require integration with the react compiler itself. These rules can be used via JS Plugins if desired.
🚫	react/static-components	React Compiler rules will not be implemented in oxlint for now, as they require integration with the react compiler itself. These rules can be used via JS Plugins if desired.
🚫	react/unsupported-syntax	React Compiler rules will not be implemented in oxlint for now, as they require integration with the react compiler itself. These rules can be used via JS Plugins if desired.
🚫	react/use-memo	React Compiler rules will not be implemented in oxlint for now, as they require integration with the react compiler itself. These rules can be used via JS Plugins if desired.

Status	Name	Rationale
🚫	react/automatic-effect-dependencies	React Compiler rules will not be implemented in oxlint for now, as they require integration with the react compiler itself. These rules can be used via JS Plugins if desired.
	react/boolean-prop-naming
✅	react/button-has-type
🚫	react/capitalized-calls	React Compiler rules will not be implemented in oxlint for now, as they require integration with the react compiler itself. These rules can be used via JS Plugins if desired.
✅	react/checked-requires-onchange-or-readonly
🚫	react/default-props-match-prop-types	This rule only applies to legacy class components, which are not widely used in modern React. Also stylistic.
	react/destructuring-assignment
🚫	react/fbt	React Compiler rules will not be implemented in oxlint for now, as they require integration with the react compiler itself. These rules can be used via JS Plugins if desired.
🚫	react/fire	React Compiler rules will not be implemented in oxlint for now, as they require integration with the react compiler itself. These rules can be used via JS Plugins if desired.
	react/forbid-component-props
✅	react/forbid-dom-props
✅	react/forbid-elements
🚫	react/forbid-foreign-prop-types	PropTypes are ignored in React 19, and this rule is only relevant for very specific use-cases involving it.
🚫	react/forbid-prop-types	PropTypes are ignored in React 19, and this rule is only relevant if you use the PropTypes package.
✅	react/forward-ref-uses-ref
	react/function-component-definition
	react/hook-use-state
🚫	react/hooks	React Compiler rules will not be implemented in oxlint for now, as they require integration with the react compiler itself. These rules can be used via JS Plugins if desired.
✅⏳	react/iframe-missing-sandbox
🚫	react/invariant	React Compiler rules will not be implemented in oxlint for now, as they require integration with the react compiler itself. These rules can be used via JS Plugins if desired.
✅	react/jsx-boolean-value
🚫	react/jsx-child-element-spacing	Stylistic rule from eslint-plugin-react. Should use Oxfmt for stylistic rules, or use JS Plugins to enable this rule.
🚫	react/jsx-closing-bracket-location	Stylistic rule from eslint-plugin-react. Should use Oxfmt for stylistic rules, or use JS Plugins to enable this rule.
🚫	react/jsx-closing-tag-location	Stylistic rule from eslint-plugin-react. Should use Oxfmt for stylistic rules, or use JS Plugins to enable this rule.
✅	react/jsx-curly-brace-presence
🚫	react/jsx-curly-newline	Stylistic rule from eslint-plugin-react. Should use Oxfmt for stylistic rules, or use JS Plugins to enable this rule.
🚫	react/jsx-curly-spacing	Stylistic rule from eslint-plugin-react. Should use Oxfmt for stylistic rules, or use JS Plugins to enable this rule.
🚫	react/jsx-equals-spacing	Stylistic rule from eslint-plugin-react. Should use Oxfmt for stylistic rules, or use JS Plugins to enable this rule.
✅⏳	react/jsx-filename-extension
🚫	react/jsx-first-prop-new-line	Stylistic rule from eslint-plugin-react. Should use Oxfmt for stylistic rules, or use JS Plugins to enable this rule.
✅	react/jsx-fragments
✅	react/jsx-handler-names
🚫	react/jsx-indent	Stylistic rule from eslint-plugin-react. Should use Oxfmt for stylistic rules, or use JS Plugins to enable this rule.
🚫	react/jsx-indent-props	Stylistic rule from eslint-plugin-react. Should use Oxfmt for stylistic rules, or use JS Plugins to enable this rule.
✅	react/jsx-max-depth
🚫	react/jsx-max-props-per-line	Stylistic rule from eslint-plugin-react. Should use Oxfmt for stylistic rules, or use JS Plugins to enable this rule.
🚫	react/jsx-newline	Stylistic rule from eslint-plugin-react. Should use Oxfmt for stylistic rules, or use JS Plugins to enable this rule.
	react/jsx-no-bind
✅	react/jsx-no-constructed-context-values
	react/jsx-no-leaked-render
	react/jsx-no-literals
✅⏳	react/jsx-no-script-url
✅	react/jsx-no-useless-fragment
🚫	react/jsx-one-expression-per-line	Stylistic rule from eslint-plugin-react. Should use Oxfmt for stylistic rules, or use JS Plugins to enable this rule.
✅	react/jsx-pascal-case
🚫	react/jsx-props-no-multi-spaces	Stylistic rule from eslint-plugin-react. Should use Oxfmt for stylistic rules, or use JS Plugins to enable this rule.
✅	react/jsx-props-no-spread-multi
✅	react/jsx-props-no-spreading
🚫	react/jsx-sort-props	Stylistic rule from eslint-plugin-react. Should use Oxfmt for stylistic rules, or use JS Plugins to enable this rule.
🚫	react/jsx-tag-spacing	Stylistic rule from eslint-plugin-react. Should use Oxfmt for stylistic rules, or use JS Plugins to enable this rule.
🚫	react/jsx-wrap-multilines	Stylistic rule from eslint-plugin-react. Should use Oxfmt for stylistic rules, or use JS Plugins to enable this rule.
🚫	react/memoized-effect-dependencies	React Compiler rules will not be implemented in oxlint for now, as they require integration with the react compiler itself. These rules can be used via JS Plugins if desired.
🚫	react/no-access-state-in-setstate	This rule only applies to legacy class components, which are not widely used in modern React.
🚫	react/no-adjacent-inline-elements	Stylistic rule from eslint-plugin-react. Should use Oxfmt for stylistic rules, or use JS Plugins to enable this rule.
✅	react/no-array-index-key
	react/no-arrow-function-lifecycle
✅	react/no-danger
🚫	react/no-deriving-state-in-effects	React Compiler rules will not be implemented in oxlint for now, as they require integration with the react compiler itself. These rules can be used via JS Plugins if desired.
✅	react/no-did-mount-set-state
	react/no-did-update-set-state
	react/no-invalid-html-attribute
✅	react/no-multi-comp
✅	react/no-namespace
	react/no-object-type-as-default-prop
✅	react/no-redundant-should-component-update
✅	react/no-set-state
✅	react/no-this-in-sfc
	react/no-typos
✅	react/no-unsafe
	react/no-unstable-nested-components
🚫	react/no-unused-class-component-methods	This rule only applies to legacy class components, which are not widely used in modern React. It is also complex to implement.
🚫	react/no-unused-prop-types	PropTypes are ignored in React 19, and TypeScript + the `no-unused-vars` rule already catches unused props in most cases.
🚫	react/no-unused-state	This rule only applies to legacy class components, which are not widely used in modern React. It is also complex to implement.
✅	react/no-will-update-set-state
✅	react/prefer-es6-class
🚫	react/prefer-exact-props	This rule is not relevant for TypeScript code, and PropTypes are ignored in React 19.
🚫	react/prefer-read-only-props	This rule is niche and primarily applies to legacy class components, which are not widely used in modern React.
	react/prefer-stateless-function
	react/require-default-props
🚫	react/require-optimization	This rule only applies to legacy class components, which are not widely used in modern React.
🚫	react/rule-suppression	React Compiler rules will not be implemented in oxlint for now, as they require integration with the react compiler itself. These rules can be used via JS Plugins if desired.
✅	react/self-closing-comp
🚫	react/sort-comp	This rule only applies to legacy class components, which are not widely used in modern React. Also stylistic.
🚫	react/sort-default-props	`defaultProps` is removed entirely in React 19, this rule is no longer relevant. Also stylistic.
🚫	react/sort-prop-types	PropTypes are ignored in React 19, and this rule is only relevant if you use the PropTypes package. Also stylistic.
✅	react/state-in-constructor
🚫	react/static-property-placement	This rule only applies to legacy class components, which are not widely used in modern React.
✅	react/style-prop-object
🚫	react/syntax	React Compiler rules will not be implemented in oxlint for now, as they require integration with the react compiler itself. These rules can be used via JS Plugins if desired.
🚫	react/todo	React Compiler rules will not be implemented in oxlint for now, as they require integration with the react compiler itself. These rules can be used via JS Plugins if desired.
✅	react/void-dom-elements-no-children
🚫	react/void-use-memo	React Compiler rules will not be implemented in oxlint for now, as they require integration with the react compiler itself. These rules can be used via JS Plugins if desired.

Status	Name	Rationale
🚫	react/jsx-sort-default-props	Replaced by `react/sort-default-props`.
🚫	react/jsx-space-before-closing	Stylistic rule from eslint-plugin-react. Should use Oxfmt for stylistic rules, or use JS Plugins to enable this rule.

Uh oh!

☂️ eslint-plugin-react #1022

Description

Recommended rules

Not recommended rules

Deprecated rules

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions