# eslint-plugin-react changelog

> eslint-plugin-react release notes.

- Vendor: eslint-plugin-react
- Category: Developer Tools
- Official site: https://github.com/jsx-eslint/eslint-plugin-react
- Tracked by: What's New (https://whatsnew.fyi/product/eslint-plugin-react)
- Harvested from: GitHub (jsx-eslint/eslint-plugin-react)
- Entries below: 10 (newest first)

What's New is an index, not a publisher: every entry below links to the vendor's own release notes, which are the authoritative source. Entries are labelled where they are hand-curated sample data, pre-releases, or drawn from a secondary source such as a developer blog.

## Releases

### v7.37.5

- Date: 2025-04-03
- Version: v7.37.5
- Original notes: https://github.com/jsx-eslint/eslint-plugin-react/releases/tag/v7.37.5
- Permalink: https://whatsnew.fyi/product/eslint-plugin-react/releases/v7.37.5

- **fixed** — Allow shadow root attrs on <template> in no-unknown-property
- **fixed** — Support ComponentPropsWithRef from a namespace import in prop-types
- **fixed** — Detect constructed context values in React 19 <Context> usage in jsx-no-constructed-context-values
- **fixed** — Allow transform-origin on rect in no-unknown-property
- **changed** — Clean up phrasing in button-has-type documentation

###### Fixed
* [`no-unknown-property`]: allow shadow root attrs on `<template>` ([#3912][] @ljharb)
* [`prop-types`]: support `ComponentPropsWithRef` from a namespace import ([#3651][] @corydeppen)
* [`jsx-no-constructed-context-values`]: detect constructed context values in React 19 `<Context>` usage ([#3910][] @TildaDares)
* [`no-unknown-property`]: allow `transform-origin` on `rect` ([#3914][] @ljharb)

###### Changed
* [Docs] [`button-has-type`]: clean up phrasing ([#3909][] @hamirmahal)

[#3651]: https://github.com/jsx-eslint/eslint-plugin-react/pull/3651
[#3909]: https://github.com/jsx-eslint/eslint-plugin-react/pull/3909
[#3910]: https://github.com/jsx-eslint/eslint-plugin-react/pull/3910
[#3912]: https://github.com/jsx-eslint/eslint-plugin-react/issues/3912
[#3914]: https://github.com/jsx-eslint/eslint-plugin-react/issues/3914
[`button-has-type`]: docs/rules/button-has-type.md
[`jsx-no-constructed-context-values`]: docs/rules/jsx-no-constructed-context-values.md
[`no-unknown-property`]: docs/rules/no-unknown-property.md
[`prop-types`]: docs/rules/prop-types.md

### v7.37.4

- Date: 2025-01-12
- Version: v7.37.4
- Original notes: https://github.com/jsx-eslint/eslint-plugin-react/releases/tag/v7.37.4
- Permalink: https://whatsnew.fyi/product/eslint-plugin-react/releases/v7.37.4

- **fixed** — Support onBeforeToggle, popoverTarget, popoverTargetAction attributes in no-unknown-property rule
- **fixed** — Fix types of flat configs

###### Fixed
* [`no-unknown-property`]: support `onBeforeToggle`, `popoverTarget`, `popoverTargetAction` attributes ([#3865][] @acusti)
* [types] fix types of flat configs ([#3874][] @ljharb)

[#3865]: https://github.com/jsx-eslint/eslint-plugin-react/pull/3865
[#3874]: https://github.com/jsx-eslint/eslint-plugin-react/pull/3874
[`no-unknown-property`]: docs/rules/no-unknown-property.md

### v7.37.3

- Date: 2024-12-23
- Version: v7.37.3
- Original notes: https://github.com/jsx-eslint/eslint-plugin-react/releases/tag/v7.37.3
- Permalink: https://whatsnew.fyi/product/eslint-plugin-react/releases/v7.37.3

- **fixed** — no-danger: avoid a crash on a nested component name
- **fixed** — Correct generated type declaration
- **fixed** — no-unknown-property: support precedence prop in React 19
- **fixed** — prop-types: props missing in validation when using generic types from a namespace import

###### Fixed
* [`no-danger`]: avoid a crash on a nested component name ([#3833][] @ljharb)
* [Fix] types: correct generated type declaration ([#3840][] @ocavue)
* [`no-unknown-property`]: support `precedence` prop in react 19 ([#3829][] @acusti)
* [`prop-types`]: props missing in validation when using generic types from a namespace import ([#3859][] @rbondoc96)

###### Changed
* [Tests] [`jsx-no-script-url`]: Improve tests ([#3849][] @radu2147)
* [Docs] fix broken links: [`default-props-match-prop-types`], [`jsx-boolean-value`], [`jsx-curly-brace-presence`], [`jsx-no-bind`], [`no-array-index-key`], [`no-is-mounted`], [`no-render-return-value`], [`require-default-props`] ([#3841][] @bastiendmt)

[#3829]: https://github.com/jsx-eslint/eslint-plugin-react/pull/3829
[#3833]: https://github.com/jsx-eslint/eslint-plugin-react/issues/3833
[#3840]: https://github.com/jsx-eslint/eslint-plugin-react/pull/3840
[#3841]: https://github.com/jsx-eslint/eslint-plugin-react/pull/3841
[#3849]: https://github.com/jsx-eslint/eslint-plugin-react/pull/3849
[#3859]: https://github.com/jsx-eslint/eslint-plugin-react/pull/3859
[`default-props-match-prop-types`]: docs/rules/default-props-match-prop-types.md
[`jsx-boolean-value`]: docs/rules/jsx-boolean-value.md
[`jsx-curly-brace-presence`]: docs/rules/jsx-curly-brace-presence.md
[`jsx-no-bind`]: docs/rules/jsx-no-bind.md
[`jsx-no-script-url`]: docs/rules/jsx-no-script-url.md
[`no-array-index-key`]: docs/rules/no-array-index-key.md
[`no-danger`]: docs/rules/no-danger.md
[`no-is-mounted`]: docs/rules/no-is-mounted.md
[`no-render-return-value`]: docs/rules/no-render-return-value.md
[`no-unknown-property`]: docs/rules/no-unknown-property.md
[`prop-types`]: docs/rules/prop-types.md
[`require-default-props`]: docs/rules/require-default-props.md

### v7.37.2

- Date: 2024-10-22
- Version: v7.37.2
- Original notes: https://github.com/jsx-eslint/eslint-plugin-react/releases/tag/v7.37.2
- Permalink: https://whatsnew.fyi/product/eslint-plugin-react/releases/v7.37.2

- **fixed** — Fix false negative in destructuring-assignment rule when using typeof props.a
- **changed** — Refactor destructuring-assignment rule to use getParentStatelessComponent

###### Fixed
* [`destructuring-assignment`]: fix false negative when using `typeof props.a` ([#3835][] @golopot)

###### Changed
* [Refactor] [`destructuring-assignment`]: use `getParentStatelessComponent` ([#3835][] @golopot)

[#3835]: https://github.com/jsx-eslint/eslint-plugin-react/pull/3835
[`destructuring-assignment`]: docs/rules/destructuring-assignment.md

### v7.37.1

- Date: 2024-10-01
- Version: v7.37.1
- Original notes: https://github.com/jsx-eslint/eslint-plugin-react/releases/tag/v7.37.1
- Permalink: https://whatsnew.fyi/product/eslint-plugin-react/releases/v7.37.1

- **fixed** — Do not npmignore d.ts files
- **changed** — Fix shared settings link in readme

###### Fixed
* [meta] do not npmignore `d.ts` files ([#3836][] @ljharb)

###### Changed
* [readme] Fix shared settings link ([#3834][] @MgenGlder)

[#3834]: https://github.com/jsx-eslint/eslint-plugin-react/pull/3834
[#3836]: https://github.com/jsx-eslint/eslint-plugin-react/issues/3836

### v7.37.0

- Date: 2024-09-27
- Version: v7.37.0
- Original notes: https://github.com/jsx-eslint/eslint-plugin-react/releases/tag/v7.37.0
- Permalink: https://whatsnew.fyi/product/eslint-plugin-react/releases/v7.37.0

- **added** — Add type generation
- **added** — Add suggestions to no-unescaped-entities rule
- **added** — Add allowedForPatterns and disallowedForPatterns options to forbid-component-props rule
- **added** — Add propNamePattern option to no-unstable-nested-components rule to support custom render prop naming conventions
- **changed** — Update readme flat config example for react 17+

###### Added
* add type generation ([#3830][] @voxpelli)
* [`no-unescaped-entities`]: add suggestions ([#3831][] @StyleShit)
* [`forbid-component-props`]: add `allowedForPatterns`/`disallowedForPatterns` options ([#3805][] @Efimenko)
* [`no-unstable-nested-components`]: add `propNamePattern` to support custom render prop naming conventions ([#3826][] @danreeves)

###### Changed
* [readme] flat config example for react 17+ ([#3824][] @GabenGar)

[#3805]: https://github.com/jsx-eslint/eslint-plugin-react/pull/3805
[#3824]: https://github.com/jsx-eslint/eslint-plugin-react/pull/3824
[#3826]: https://github.com/jsx-eslint/eslint-plugin-react/pull/3826
[#3830]: https://github.com/jsx-eslint/eslint-plugin-react/pull/3830
[#3831]: https://github.com/jsx-eslint/eslint-plugin-react/pull/3831
[`forbid-component-props`]: docs/rules/forbid-component-props.md
[`no-unescaped-entities`]: docs/rules/no-unescaped-entities.md
[`no-unstable-nested-components`]: docs/rules/no-unstable-nested-components.md

### v7.36.1

- Date: 2024-09-12
- Version: v7.36.1
- Original notes: https://github.com/jsx-eslint/eslint-plugin-react/releases/tag/v7.36.1
- Permalink: https://whatsnew.fyi/product/eslint-plugin-react/releases/v7.36.1

- **fixed** — Fix logic in method name check for no-is-mounted rule
- **fixed** — Avoid crashing on valueless boolean props in jsx-no-literals rule

###### Fixed
* [`no-is-mounted`]: fix logic in method name check ([#3821][] @Mathias-S)
* [`jsx-no-literals`]: Avoid crashing on valueless boolean props ([#3823][] @reosarevok)

[#3823]: https://github.com/jsx-eslint/eslint-plugin-react/pull/3823
[#3821]: https://github.com/jsx-eslint/eslint-plugin-react/pull/3821

[`no-is-mounted`]: docs/rules/no-is-mounted.md
[`jsx-no-literals`]: docs/rules/jsx-no-literals.md

### v7.36.0

- Date: 2024-09-12
- Version: v7.36.0
- Original notes: https://github.com/jsx-eslint/eslint-plugin-react/releases/tag/v7.36.0
- Permalink: https://whatsnew.fyi/product/eslint-plugin-react/releases/v7.36.0

- **added** — Allow this.refs in React > 18.3.0 for no-string-refs rule
- **added** — Add elementOverrides option to jsx-no-literals rule and ability to ignore this rule on specific elements
- **added** — Add forward-ref-uses-ref rule for checking ref parameter is added
- **fixed** — Use type args in function-component-definition, boolean-prop-naming, jsx-first-prop-new-line, jsx-props-no-multi-spaces, and propTypes rules
- **fixed** — JSX pragma fails gracefully
- **fixed** — Add explicitSpread option to jsx-props-no-spreading rule schema
- **changed** — Add JSDoc type annotations to types

###### Added
* [`no-string-refs`]: allow this.refs in > 18.3.0 ([#3807][] @henryqdineen)
* [`jsx-no-literals`] Add `elementOverrides` option and the ability to ignore this rule on specific elements ([#3812][] @Pearce-Ropion)
* [`forward-ref-uses-ref`]: add rule for checking ref parameter is added ([#3667][] @NotWoods)

###### Fixed
* [`function-component-definition`], [`boolean-prop-naming`], [`jsx-first-prop-new-line`], [`jsx-props-no-multi-spaces`], `propTypes`: use type args ([#3629][] @HenryBrown0)
* JSX pragma: fail gracefully ([#3632][] @ljharb)
* [`jsx-props-no-spreading`]: add `explicitSpread` option to schema ([#3799][] @ljharb)

###### Changed
* [Tests] add @typescript-eslint/parser v6 ([#3629][] @HenryBrown0)
* [Tests] add @typescript-eslint/parser v7 and v8 ([#3629][] @hampustagerud)
* [Docs] [`no-danger`]: update broken link ([#3817][] @lucasrmendonca)
* [types] add jsdoc type annotations ([#3731][] @y-hsgw)
* [Tests] `button-has-type`: add test case with spread ([#3731][] @y-hsgw)

[7.36.0]: https://github.com/jsx-eslint/eslint-plugin-react/compare/v7.35.2...v7.36.0
[#3799]: https://github.com/jsx-eslint/eslint-plugin-react/issues/3799
[#3632]: https://github.com/jsx-eslint/eslint-plugin-react/issues/3632
[#3812]: https://github.com/jsx-eslint/eslint-plugin-react/pull/3812
[#3731]: https://github.com/jsx-eslint/eslint-plugin-react/pull/3731
[#3694]: https://github.com/jsx-eslint/eslint-plugin-react/pull/3667
[#3629]: https://github.com/jsx-eslint/eslint-plugin-react/pull/3629
[#3817]: https://github.com/jsx-eslint/eslint-plugin-react/pull/3817
[#3807]: https://github.com/jsx-eslint/eslint-plugin-react/pull/3807


[`react/jsx-runtime`]: https://github.com/jsx-eslint/eslint-plugin-react/blob/HEAD/index.js#L163-L176

[`boolean-prop-naming`]: docs/rules/boolean-prop-naming.md
[`button-has-type`]: docs/rules/button-has-type.md
[`checked-requires-onchange-or-readonly`]: docs/rules/checked-requires-onchange-or-readonly.md
[`default-props-match-prop-types`]: docs/rules/default-props-match-prop-types.md
[`destructuring-assignment`]: docs/rules/destructuring-assignment.md
[`display-name`]: docs/rules/display-name.md
[`forbid-component-props`]: docs/rules/forbid-component-props.md
[`forbid-dom-props`]: docs/rules/forbid-dom-props.md
[`forbid-elements`]: docs/rules/forbid-elements.md
[`forbid-foreign-prop-types`]: docs/rules/forbid-foreign-prop-types.md
[`forbid-prop-types`]: docs/rules/forbid-prop-types.md
[`function-component-definition`]: docs/rules/function-component-definition.md
[`hook-use-state`]: docs/rules/hook-use-state.md
[`iframe-missing-sandbox`]: docs/rules/iframe-missing-sandbox.md
[`jsx-boolean-value`]: docs/rules/jsx-boolean-value.md
[`jsx-child-element-spacing`]: docs/rules/jsx-child-element-spacing.md
[`jsx-closing-bracket-location`]: docs/rules/jsx-closing-bracket-location.md
[`jsx-closing-tag-location`]: docs/rules/jsx-closing-tag-location.md
[`jsx-curly-brace-presence`]: docs/rules/jsx-curly-brace-presence.md
[`jsx-curly-newline`]: docs/rules/jsx-curly-newline.md
[`jsx-curly-spacing`]: docs/rules/jsx-curly-spacing.md
[`jsx-equals-spacing`]: docs/rules/jsx-equals-spacing.md
[`jsx-filename-extension`]: docs/rules/jsx-filename-extension.md
[`jsx-first-prop-new-line`]: docs/rules/jsx-first-prop-new-line.md
[`jsx-fragments`]: docs/rules/jsx-fragments.md
[`jsx-handler-names`]: docs/rules/jsx-handler-names.md
[`jsx-indent-props`]: docs/rules/jsx-indent-props.md
[`jsx-indent`]: docs/rules/jsx-indent.md
[`jsx-key`]: docs/rules/jsx-key.md
[`jsx-max-depth`]: docs/rules/jsx-max-depth.md
[`jsx-max-props-per-line`]: docs/rules/jsx-max-props-per-line.md
[`jsx-newline`]: docs/rules/jsx-newline.md
[`jsx-no-bind`]: docs/rules/jsx-no-bind.md
[`jsx-no-comment-textnodes`]: docs/rules/jsx-no-comment-textnodes.md
[`jsx-no-constructed-context-values`]: docs/rules/jsx-no-constructed-context-values.md
[`jsx-no-duplicate-props`]: docs/rules/jsx-no-duplicate-props.md

_[Truncated at 4000 characters — full notes: https://github.com/jsx-eslint/eslint-plugin-react/releases/tag/v7.36.0]_

### v7.35.2

- Date: 2024-09-03
- Version: v7.35.2
- Original notes: https://github.com/jsx-eslint/eslint-plugin-react/releases/tag/v7.35.2
- Permalink: https://whatsnew.fyi/product/eslint-plugin-react/releases/v7.35.2

- **fixed** — avoid autofixing attributes with double quotes to a double quoted attribute in jsx-curly-brace-presence rule

###### Fixed
* [`jsx-curly-brace-presence`]: avoid autofixing attributes with double quotes to a double quoted attribute ([#3814][] @ljharb)

[#3814]: https://github.com/jsx-eslint/eslint-plugin-react/issues/3814
[`jsx-curly-brace-presence`]: docs/rules/jsx-curly-brace-presence.md

### v7.35.1

- Date: 2024-09-02
- Version: v7.35.1
- Original notes: https://github.com/jsx-eslint/eslint-plugin-react/releases/tag/v7.35.1
- Permalink: https://whatsnew.fyi/product/eslint-plugin-react/releases/v7.35.1

- **fixed** — jsx-curly-brace-presence rule no longer triggers on strings containing a quote character

###### Fixed
* [`jsx-curly-brace-presence`]: do not trigger on strings containing a quote character ([#3798][] @akulsr0)

[#3798]: https://github.com/jsx-eslint/eslint-plugin-react/pull/3798

[`boolean-prop-naming`]: docs/rules/boolean-prop-naming.md
[`button-has-type`]: docs/rules/button-has-type.md
[`checked-requires-onchange-or-readonly`]: docs/rules/checked-requires-onchange-or-readonly.md
[`default-props-match-prop-types`]: docs/rules/default-props-match-prop-types.md
[`destructuring-assignment`]: docs/rules/destructuring-assignment.md
[`display-name`]: docs/rules/display-name.md
[`forbid-component-props`]: docs/rules/forbid-component-props.md
[`forbid-dom-props`]: docs/rules/forbid-dom-props.md
[`forbid-elements`]: docs/rules/forbid-elements.md
[`forbid-foreign-prop-types`]: docs/rules/forbid-foreign-prop-types.md
[`forbid-prop-types`]: docs/rules/forbid-prop-types.md
[`function-component-definition`]: docs/rules/function-component-definition.md
[`hook-use-state`]: docs/rules/hook-use-state.md
[`iframe-missing-sandbox`]: docs/rules/iframe-missing-sandbox.md
[`jsx-boolean-value`]: docs/rules/jsx-boolean-value.md
[`jsx-child-element-spacing`]: docs/rules/jsx-child-element-spacing.md
[`jsx-closing-bracket-location`]: docs/rules/jsx-closing-bracket-location.md
[`jsx-closing-tag-location`]: docs/rules/jsx-closing-tag-location.md
[`jsx-curly-brace-presence`]: docs/rules/jsx-curly-brace-presence.md
[`jsx-curly-newline`]: docs/rules/jsx-curly-newline.md
[`jsx-curly-spacing`]: docs/rules/jsx-curly-spacing.md
[`jsx-equals-spacing`]: docs/rules/jsx-equals-spacing.md
[`jsx-filename-extension`]: docs/rules/jsx-filename-extension.md
[`jsx-first-prop-new-line`]: docs/rules/jsx-first-prop-new-line.md
[`jsx-fragments`]: docs/rules/jsx-fragments.md
[`jsx-handler-names`]: docs/rules/jsx-handler-names.md
[`jsx-indent-props`]: docs/rules/jsx-indent-props.md
[`jsx-indent`]: docs/rules/jsx-indent.md
[`jsx-key`]: docs/rules/jsx-key.md
[`jsx-max-depth`]: docs/rules/jsx-max-depth.md
[`jsx-max-props-per-line`]: docs/rules/jsx-max-props-per-line.md
[`jsx-newline`]: docs/rules/jsx-newline.md
[`jsx-no-bind`]: docs/rules/jsx-no-bind.md
[`jsx-no-comment-textnodes`]: docs/rules/jsx-no-comment-textnodes.md
[`jsx-no-constructed-context-values`]: docs/rules/jsx-no-constructed-context-values.md
[`jsx-no-duplicate-props`]: docs/rules/jsx-no-duplicate-props.md
[`jsx-no-leaked-render`]: docs/rules/jsx-no-leaked-render.md
[`jsx-no-literals`]: docs/rules/jsx-no-literals.md
[`jsx-no-script-url`]: docs/rules/jsx-no-script-url.md
[`jsx-no-target-blank`]: docs/rules/jsx-no-target-blank.md
[`jsx-no-undef`]: docs/rules/jsx-no-undef.md
[`jsx-no-useless-fragment`]: docs/rules/jsx-no-useless-fragment.md
[`jsx-one-expression-per-line`]: docs/rules/jsx-one-expression-per-line.md
[`jsx-pascal-case`]: docs/rules/jsx-pascal-case.md
[`jsx-props-no-multi-spaces`]: docs/rules/jsx-props-no-multi-spaces.md
[`jsx-props-no-spread-multi`]: docs/rules/jsx-props-no-spread-multi.md
[`jsx-props-no-spreading`]: docs/rules/jsx-props-no-spreading.md
[`jsx-sort-default-props`]: docs/rules/jsx-sort-default-props.md
[`jsx-sort-prop-types`]: docs/rules/sort-prop-types.md
[`jsx-sort-props`]: docs/rules/jsx-sort-props.md
[`jsx-space-before-closing`]: docs/rules/jsx-space-before-closing.md
[`jsx-tag-spacing`]: docs/rules/jsx-tag-spacing.md
[`jsx-uses-react`]: docs/rules/jsx-uses-react.md
[`jsx-uses-vars`]: docs/rules/jsx-uses-vars.md
[`jsx-wrap-multilines`]: docs/rules/jsx-wrap-multilines.md
[`no-access-state-in-setstate`]: docs/rules/no-access-state-in-setstate.md
[`no-adjacent-inline-elements`]: docs/rules/no-adjacent-inline-elements.md
[`no-array-index-key`]: docs/rules/no-array-index-key.md
[`no-arrow-function-lifecycle`]: docs/rules/no-arrow-function-lifecycle.md
[`no-children-prop`]: docs/rules/no-children-prop.md
[`no-comment-textnodes`]: docs/rules/jsx-no-comment-textnodes.md
[`no-danger-with-children`]: docs/rules/no-danger

_[Truncated at 4000 characters — full notes: https://github.com/jsx-eslint/eslint-plugin-react/releases/tag/v7.35.1]_