[ Heatmap ] Warning in console while using Legend for heatmap

[raju-geekyants]

I'm using the same example from the documentation https://nivo.rocks/heatmap/
In the console I'm getting this warning when I use legend in heatmap.

Link to the sandbox https://codesandbox.io/p/sandbox/happy-haibt-zttl55

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} /> at W (https://zttl55.csb.app/node_modules/@nivo/legends/dist/nivo-legends.es.js:344:13) at g at C (https://zttl55.csb.app/node_modules/@nivo/legends/dist/nivo-legends.es.js:403:19) at g at svg at gn (https://zttl55.csb.app/node_modules/@nivo/core/dist/nivo-core.es.js:1497:13) at ue (https://zttl55.csb.app/node_modules/@nivo/heatmap/dist/nivo-heatmap.es.js:554:13) at div at Pt (https://zttl55.csb.app/node_modules/@nivo/core/dist/nivo-core.es.js:1148:13) at M (https://zttl55.csb.app/node_modules/@nivo/tooltip/dist/nivo-tooltip.es.js:376:13) at Ar (https://zttl55.csb.app/node_modules/@nivo/core/dist/nivo-core.es.js:851:13) at Wt (https://zttl55.csb.app/node_modules/@nivo/core/dist/nivo-core.es.js:1133:13) at St (https://zttl55.csb.app/node_modules/@nivo/core/dist/nivo-core.es.js:1159:13) at se (https://zttl55.csb.app/node_modules/@nivo/heatmap/dist/nivo-heatmap.es.js:652:13) at div at It (https://zttl55.csb.app/node_modules/@nivo/core/dist/nivo-core.es.js:1229:13) at he at div at App

This does not impact anything on the screen. but console warnings showing up.

[plouc]

This is a duplicate of #2581, that's something which needs to be fixed globally I suppose.