table icon indicating copy to clipboard operation
table copied to clipboard

Slow performance with devtools open

Open UltimateGG opened this issue 8 months ago • 3 comments

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.

UltimateGG avatar Apr 13 '25 02:04 UltimateGG

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?

UltimateGG avatar Apr 13 '25 02:04 UltimateGG

* 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).

aidasbui avatar Sep 10 '25 09:09 aidasbui

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.

mohdasaadeh avatar Sep 27 '25 16:09 mohdasaadeh