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

incorrect Row ID in "Pagination Controlled" react example

Ouverte
#4,848 8 commentaires 0 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é
3/5
Temps estimé
1-2 jours
Accessibilité débutants
45/100
Type d'issue
Bug
Clarté
Plutôt claire
Activité
À l'abandon
Stack technique
react, typescript
Domaine
frontend

Piste de recherche

Commencez par l’exemple Pagination Controlled React lié dans l’issue et reproduisez le comportement à l’aide du CodeSandbox fourni. Changez de page tout en surveillant la console afin de déterminer pourquoi les IDs et les index des lignes restent inchangés ; c’est terminé lorsque l’exemple indique les IDs et les index corrects pour chaque page.

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

Description

Describe the bug

The row ID and index are not changing when switching pages while using manual pagination with react query data.
This bug means each row after the first page is receiving an incorrect key because <tr key={row.id}>
This could be related to #4812 and #4771
This is the example from the docs and below is the modified version to highlight the incorrect row IDs in the console.

Your minimal, reproducible example

https://codesandbox.io/s/throbbing-wildflower-byp0ht?file=/src/main.tsx

Steps to reproduce
  1. open console
  2. switch between pages
  3. notice the row IDs are not changing
Expected behavior

The row IDs should change when switching pages.

How often does this bug happen?

Every time

Screenshots or Videos

No response

Platform
  • OS: Linux
  • Browser: Chrome
  • Version: 113
react-table version

v8.9.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.
Langage dominant
TypeScript
Étoiles
28.5k
Forks
3.6k
Merge moyen
1 j 3 h
PR mergées (30 j)
22

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/table

Toutes les issues de TanStack/table

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.