Slow performance with devtools open
TanStack Table version
v8.21.2
Framework/Library version
React v19.1.0
Describe the bug and the steps to reproduce it
Run npm i react@latest react-dom@latest @types/react@latest @types/react-dom@latest and restart the app.
In the sorting example, change the number of rows visible to make the effect more visible.
(Change .rows.slice(0, 10) to something like 300.
Sorting by say the Age column, I can click through very fast, almost instant.
Open devtools, and click through sorting the age column again. It is noticeably slower for me, about a second. Only happens in React 19
Removing the flexRender makes it fast. Possibly related https://github.com/TanStack/table/issues/4962
Your Minimal, Reproducible Example - (Sandbox Highly Recommended)
https://tanstack.com/table/v8/docs/framework/react/examples/sorting
Screenshots or Videos (Optional)
No response
Do you intend to try to help solve this bug with your own PR?
None
Terms & Code of Conduct
- [x] I agree to follow this project's Code of Conduct
- [x] I understand that if my bug cannot be reliable reproduced in a debuggable environment, it will probably not be fixed and this issue may even be closed.
The lag only happens when the devtools is open. Also seems to only be on Brave. Tried incognito so it is not an extension. Probably not a bug with this library then but wow what a specific bug:
- Only React 19
- Only on Brave
- Only when Devtools is open
Of course I'd run into that 😅 Anyone else able to reproduce?
* Only on Brave
Incorrect, I experience this on Chromium version 134.0.6998.178 (Official Build) (64-bit) (Windows 11, running React 19 + Vite 7 in Ubuntu 24.04.3 WSL).
This issue appeared with me on Chrome, while the DevTools was open. Knowing that I was using React 19 with Vite. The issue isn't only with the sorting, it's also with the filtering and with any state change in the table, the app becomes frozen as if there are many expensive re-renders.