Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

[Vue] Hydration error in `FlexRender` when column is an empty string

Abierto
#6,077 2 comentarios 2 reacciones 0 asignados Ver en GitHub

Los mantenedores suelen responder en 1 día

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
3/5
Tiempo estimado
1-2 días
Aptitud para principiantes
55/100
Tipo de issue
Error
Claridad
Bastante claro
Estado de actividad
Estancado
Stack tecnológico
nuxtjs, typescript
Área
frontend

Línea de trabajo

Comienza con packages/vue-table/src/index.ts y reproduce el error de hidratación usando el ejemplo enlazado de StackBlitz con una columna con una cadena vacía en Nuxt SSR. Rastrea cómo FlexRender gestiona ese valor dentro de la celda de la tabla y, después, verifica que el renderizado del servidor y del cliente coincida y que el error de hidratación ya no se produzca.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

TanStack Table version

v8.21.3

Framework/Library version

Nuxt v4.0.3

Describe the bug and the steps to reproduce it

When using the @tanstack/vue-table FlexRender component in SSR, an hydration error occurs inside <td> when the column is an empty string.

Your Minimal, Reproducible Example - (Sandbox Highly Recommended)

https://stackblitz.com/edit/nuxt-starter-geluyeas?file=app.vue

Screenshots or Videos (Optional)
Image
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.
Lenguaje dominante
TypeScript
Estrellas
28.5k
Forks
3.6k
Merge medio
1 d 14 h
PR fusionados (30 d)
4

Preparar el entorno

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de TanStack/table

Todos los issues de TanStack/table

Issues similares

Más issues de TypeScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.