[Bug]: HorizontalBarChartWithAxis retains stale bars when the data set shrinks

[decpk]

Charting Control

Other...

Package version

9.3.6

React version

18.3.1

Environment

System:
    OS: Linux 6.8 Debian GNU/Linux 13 (trixie) 13 (trixie)
    CPU: (32) x64 AMD EPYC 7763 64-Core Processor
    Memory: 115.44 GB / 125.79 GB
    Container: Yes
    Shell: 5.2.37 - /bin/bash

Current Behavior

We are seeing an issue with HorizontalBarChartWithAxis when the same mounted chart receives a smaller data set during pagination. When we move from a page with five y-axis categories to a page with two categories, the y-axis labels update, but bars from the previous page can remain visible and become misaligned with the new labels.

Sample: Stackblitz

Expected Behavior

Only bars represented by the latest data prop are rendered.

Reproduction

https://stackblitz.com/edit/vitejs-vite-pjeuzuqp?file=src%2Fmain.tsx,package.json,src%2FApp.tsx&terminal=dev

Steps to reproduce

Steps:

1. Open the preview and confirm that the first page displays five owners.
2. Click Next to switch to a page containing two owners.
3. Observe that bars from the first page can remain after the y-axis updates.

Are you reporting an Accessibility issue?

None

Suggested severity

Urgent - No workaround and Products/sites are affected

Products/sites affected

No response

Are you willing to submit a PR to fix?

yes

Validations

• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• The provided reproduction is a minimal reproducible example of the bug.