Error: Maximum update depth exceeded
Open
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 7.1k
- Forks
- 466
- Avg merge
- 2d 31m
- Merged PRs (30d)
- 13
Description
Describe the bug
I want to display the table in the dropdown。
I used the antd UI library
But they had a problem
Your minimal, reproducible example
https://codesandbox.io/p/devbox/infallible-smoke-8tc6d6?file=%2Fsrc%2Fmain.tsx%3A104%2C32
Steps to reproduce
click select
Don't use rowVirtualizer measureElement is normal
Expected behavior
Normal table rendering
How often does this bug happen?
None
Screenshots or Videos
No response
Platform
- OS: [ macOS 14.6.1 ] - Browser: [Chrome 132.0.6834.160 ]
tanstack-virtual version
^3.12.1
TypeScript version
No response
Additional context
No response
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.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with the linked CodeSandbox and inspect src/main.tsx around line 104. Reproduce the error by clicking the select, then compare behavior with and without rowVirtualizer's measureElement. Done means the table renders normally without a maximum update depth error.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- frontend, performance
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 28/100