[charts] 'log' axes & zoom cause warnings and grid breakdown due to non-unique child keys

[qwyble]

Steps to reproduce

Steps:

1. Open this link to live example: https://codesandbox.io/p/sandbox/fast-cloud-pwx7wp
2. Open preview console
3. Observe warnings
4. Usage with 'zoom' for LineChartPro results in grid breakdown due to this issue.

Current behavior

Console sprays warnings.

Using 'zoom' parameters in LineChartPro causes complete grid breakdown due to this same issue.

Expected behavior

Console should not spray warnings, child elements should have unique keys.
Zoom should not break the grid.

Context

This occurs when using 'log' axes and when modifying axes using zoom parameters, likely due to ticks being used to provide keys to the grid.

Your environment

ENV: Chromium

Search keywords: LineChart, LineChartPro, grid, GridChart, log, zoom

[michelengelen]

Hey @qwyble ... I am not able to reproduce this locally, but it does reproduce in the codesandbox. This may be a problem with CSB 🤷🏼

Did any of you encounter this before @JCQuintas or @alexfauquette ?

Screen.Recording.2024-12-12.at.12.15.09.mov

[JCQuintas]

@michelengelen I believe we fixed it here: #15463

But it wasn't properly cherrypicked, might explain why you are not seeing it locally

[JCQuintas]

Fixed on #15864

Thanks for reporting 👍

[github-actions]

This issue has been closed. If you have a similar problem but not exactly the same, please open a new issue.
Now, if you have additional information related to this issue or things that could help future readers, feel free to leave a comment.

Note

@qwyble How did we do? Your experience with our support team matters to us. If you have a moment, please share your thoughts in this short Support Satisfaction survey.