removeFieldValue keeps data from subfields when used with form.AppField - unable to delete last row in AgGrid

Abierto
#1,820 2 comentarios 0 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
45/100
Tipo de issue
Error
Claridad
Bastante claro
Estado de actividad
Estancado
Stack tecnológico
react, typescript
Área
frontend

Línea de trabajo

Comienza con la reproducción vinculada de StackBlitz y sigue removeFieldValue cuando se usa con form.AppField, centrándote en la entrada de fieldMeta que permanece para age después de la eliminación. Confirma el comportamiento eliminando la última fila y enviando el formulario; estará hecho cuando se eliminen el elemento principal y sus subcampos, y el formulario pueda enviarse sin el error de validación obsoleto.

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

Descripción

v1 v2: needs investigation
Describe the bug

I am using Tanstack Form with AgGrid. When calling removeFieldValue, some subfields persist even after the parent field is removed. I suspect it has something to do with form.AppField. I noticed this problem when trying to delete the last row in AgGrid. When attempting to save the form after deleting the last row, the form is invalid and cannot be submitted.

Similar to this problem here: https://github.com/TanStack/form/issues/1178

Your minimal, reproducible example

https://stackblitz.com/edit/bolt-vite-react-xodftmth?file=src%2FApp.tsx

Steps to reproduce
  1. Enter stackblitz
  2. Click Delete
  3. Click Submit
  4. Error is displayed because form is invalid
  5. Checking dev tools console logs, you can see that after the delete, the age field is left in fieldMeta
Expected behavior

I expect subfields to also be removed when removing the parent field.

How often does this bug happen?

Every time

Screenshots or Videos

No response

Platform

Windows 10
Chrome 141.0.7390.78

TanStack Form adapter

None

TanStack Form version

v1.23.7

TypeScript version

v5.9.2

Additional context

No response

Lenguaje dominante
TypeScript
Estrellas
6.8k
Forks
705
Merge medio
1 d 6 h
PR fusionados (30 d)
12

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

Todos los issues de TanStack/form

Issues similares

Más issues de TypeScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.