Hacktoberfest 2026 : les issues que les mainteneurs ont marquées pour octobre, ouvertes et accessibles aux débutants. Parcourir les issues Hacktoberfest

Maximum update depth exceeded: rowVirtualizer.measureElement

Ouverte
  • Quelque chose ne va pas ?
#1,067 0 commentaires 5 réactions 0 personnes assignées Voir sur GitHub

Les mainteneurs répondent en général sous 1 jour

Personne n'a encore pris cette issue.

Évaluation

Difficulté
4/5
Temps estimé
3-5 jours
Accessibilité débutants
35/100
Type d'issue
Bug
Clarté
Plutôt claire
Activité
À l'abandon
Stack technique
react, typescript
Domaine
frontend, performance

Piste de recherche

Commencez par exécuter le dépôt de reproduction indiqué et comparez sa page table-dynamic-column-width avec la page table-fixed-column-width. Lisez l’exemple de virtualisation React référencé dans examples/react/virtualized-rows/src/main.tsx et suivez le comportement de measureElement. Le travail est terminé lorsque la virtualisation fonctionne sans l’erreur « maximum update depth », que les colonnes se dimensionnent dynamiquement sur toute la page et qu’elles prennent en charge les contraintes de largeur demandées.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Description

Describe the bug

Hello!

I am trying to add list virtualization to a tanstack table.

I followed the implementation example from https://github.com/TanStack/table/blob/main/examples/react/virtualized-rows/src/main.tsx. List virtualization is working great, but now it seems like I am forced to use a fixed width column. Before this, each column took a dynamic (different) width based on its content without having text wrapping to a new line and the table was spanning across the full width of the page.

I tried removing the fixed width from columns but then I have "Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops." error:

Image
Your minimal, reproducible example

https://github.com/dragos-cojocaru/tanstack-virtual-table-dynamic-width

Steps to reproduce

I created a repository where you can check the error: https://github.com/dragos-cojocaru/tanstack-virtual-table-dynamic-width:

  • table-dynamic-column-width page is where I have the error because I removed the fixed width of columns
  • table-fixed-column-width page is where the virtualization is working but I have fixed width for each table column.
Expected behavior

I want to have a tanstack table with virtualization that span across the whole page width and each column width should be dynamically to accommodate its content. Preferably I should be able to specify a max-width for all columns or for each column separately.

How often does this bug happen?

None

Screenshots or Videos

No response

Platform
  • Windows 11 Pro
  • Chrome 141.0.7390.108 (Official Build) (64-bit)
tanstack-virtual version

3.13.12

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.
Langage dominant
TypeScript
Étoiles
7.1k
Forks
472
Merge moyen
1 j 1 h
PR mergées (30 j)
11

Préparer son environnement

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Autres issues de TanStack/virtual

Toutes les issues de TanStack/virtual

Issues similaires

Plus d'issues TypeScript

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.