Hacktoberfest 2026: as issues que os mantenedores marcaram para outubro, abertas e boas para iniciantes. Ver issues do Hacktoberfest

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

Aberta
#6,077 2 comentários 2 reações 0 responsáveis Ver no GitHub

Mantenedores costumam responder em até 1 dia

@Yash121l já está trabalhando nisso.

Desde 12/9/2026.

  • #6558 de @ErfanBagheri404 — fechado sem integrar
  • #6590 de @Yash121l — aberto

Avaliação

Dificuldade
3/5
Tempo estimado
1-2 dias
Facilidade para iniciantes
55/100
Tipo de issue
Bug
Clareza
Razoavelmente clara
Status de atividade
Estagnada
Stack de tecnologia
nuxtjs, typescript
Domínio
frontend

Direção de pesquisa

Comece por packages/vue-table/src/index.ts e reproduza o erro de hidratação usando o exemplo vinculado do StackBlitz com uma coluna com string vazia no Nuxt SSR. Rastreie como FlexRender lida com esse valor dentro da célula da tabela e, em seguida, verifique se a renderização do servidor e do cliente corresponde e se o erro de hidratação não ocorre mais.

Escrita pelo modelo de indexação a partir do texto da issue.

Descrição

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.
Linguagem predominante
TypeScript
Estrelas
28.5k
Forks
3.6k
Merge médio
1d 3h
PRs com merge (30d)
22

Preparar o ambiente

Primeiros passos

  1. Leia a issue inteira e depois o guia de contribuição do projeto.
  2. Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
  3. Faça um fork do repositório e trabalhe em uma branch.
  4. Abra um pull request que referencie o número da issue.

Mais de TanStack/table

Todas as issues de TanStack/table

Issues semelhantes

Mais issues de TypeScript

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.