Skip to content

Getting popover attributes warnings in React 19 #5602

@erikblomqvist-huma

Description

@erikblomqvist-huma

Even after upgrading to React 19, which natively supports popover HTML attributes, we're getting warnings in the console:

styled-components: it looks like an unknown prop "popover" is being sent through to the DOM, which will likely trigger a React console error. If you would like automatic filtering of unknown props, you can opt-into that behavior via `<StyleSheetManager shouldForwardProp={...}>` (connect an API like `@emotion/is-prop-valid`) or consider using transient props (`$` prefix for automatic filtering.)

styled-components: it looks like an unknown prop "popoverTarget" is being sent through to the DOM, which will likely trigger a React console error. If you would like automatic filtering of unknown props, you can opt-into that behavior via `<StyleSheetManager shouldForwardProp={...}>` (connect an API like `@emotion/is-prop-valid`) or consider using transient props (`$` prefix for automatic filtering.)

Environment

  • styled-components: 6.1.19
  • React: 19.1.1

Code example

https://codesandbox.io/p/sandbox/fgjvj7

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions