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

[boldurean]

React 18.3.1 shows error when using ResponsiveHeatMap from @nivo/heatmap

Warning: A props object containing a "key" prop is being spread into JSX:
  let props = {key: someKey, offset: ..., stopColor: ...};
  <stop {...props} />
React keys must be passed directly to JSX without using spread:
  let props = {offset: ..., stopColor: ...};
  <stop key={someKey} {...props} />

Steps to reproduce: Simply try using heatmap example with React 18.3.1

Expected behavior No errors in the console

Screenshots

Desktop (please complete the following information):

• OS: MacOs
• Browser: Google Chrome
• Version: 124.0.6367.119