[charts] LineChart transition stops before completion

[Janpot]

Steps to reproduce

Link to live example: https://stackblitz.com/edit/stackblitz-starters-qbkjrk?file=app%2Fpage.tsx

Steps:

1. Open example
2. Click toggle slowly (e.g. 3 second intervals)

Current behavior

Screen.Recording.2024-04-23.at.10.48.28.mov

Expected behavior

Screen.Recording.2024-04-23.at.10.49.21.mov

Context

I first noticed this was breaking when using Charts together with @tanstack/react-query.

As in https://dashboard-framework-prototype.vercel.app/npm-stats

Screen.Recording.2024-04-22.at.18.18.36.mov

Your environment

npx @mui/envinfo

  Don't forget to mention which browser you used.
  Output from `npx @mui/envinfo` goes here.

Search keywords: LineChart

[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.

@Janpot: 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.