Page Crash after Clicking Table Header and Infinite Re-renders

[TryV]

TanStack Table version

8.20.6

Framework/Library version

React v19.0.0

Describe the bug and the steps to reproduce it

Description:

Clicking on a column header in table triggers infinite re-renders, causing the page to freeze and become unresponsive.

Steps to Reproduce:

1. Visit the provided sample project: https://stackblitz.com/edit/vitejs-vite-6zsufvts?file=src%2FApp.tsx&terminal=dev
2. Open the console.
3. Click on any column header in the table.

Expected Behavior:

Clicking on a column header should sort the data and re-render the table efficiently, maintaining page responsiveness.

Your Minimal, Reproducible Example - (Sandbox Highly Recommended)

https://stackblitz.com/edit/vitejs-vite-6zsufvts?file=src%2FApp.tsx&terminal=dev

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

• I agree to follow this project's Code of Conduct
• 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.

[TryV]

Is anyone still working on this repo?

I made the sandbox sample a little bit more clear:
https://stackblitz.com/edit/vitejs-vite-j8bz8hb3?file=src%2FApp.tsx

[vitoremanuelqf]

I am facing the same issue. In my list of items, this rendering loop happens when I delete the last item in the list, leaving it with zero items. Then it enters a loop and freezes the page. It seems to occur in the .getRowModel() method.