React 18.3: A props object containing a "key" prop is being spread into JSX

[designbyadrian]

Description

In React and React-DOM 18.3.0, a console error is reported when rendering the ReactSlider component with this message:

let props = {key: someKey, className: ..., style: ...};
  <div {...props} />
React keys must be passed directly to JSX without using spread:
  let props = {className: ..., style: ...};
  <div key={someKey} {...props} />

Referencing this file: node_modules/react-slider/dist/es/prod/components/ReactSlider/ReactSlider.mjs

Maybe not much help, but this is the screenshot of the highlighted line for said console message:

[Keqi]

Hi!

Is there any update on fixing this warning?

[kris-ellery]

Hi there, I have an open MR and should merge it this week. Thanks!

[marif0025]

Hi, Any update on this issue? Or if we can remove this warning at least?

[MdAyman7]

Any update?

[nikfakel]

Any updates? Got the same bug on NextJs 14

[lollobaldo]

+1