Mutation status incorrect after navigation in SvelteKit
Nadie ha tomado este issue todavía.
Evaluación
- Dificultad
- 3/5
- Tiempo estimado
- 1-2 días
- Aptitud para principiantes
- 50/100
- Tipo de issue
- Error
- Claridad
- Bastante claro
- Estado de actividad
- Activo
- Stack tecnológico
- typescript
- Área
- frontend
Línea de trabajo
Comienza con el CodeSandbox vinculado o el repositorio de reproducción y el controlador onSuccess de la mutación signIn. Reproduce la navegación a /auth y de vuelta mientras comparas el estado de la mutación con las herramientas de desarrollo de TanStack Query, especialmente cuando se ejecuta invalidateQueries({ queryKey: ['customer'] }). Está terminado cuando el estado sea success después de volver a / sin eliminar la invalidación.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
Describe the bug
Hi!
After navigating to another page in a SvelteKit app, an ongoing mutation's status remains pending instead of success
Your minimal, reproducible example
https://codesandbox.io/p/github/EugeneDraitsev/svelte-tanstack-query-mutation-status-issue/master
Steps to reproduce
You can check codesandbox link or check my repo: https://github.com/EugeneDraitsev/svelte-tanstack-query-mutation-status-issue
I have pretty simple mutation:
export const signIn = createMutation(
{
mutationFn: async () => {
// wait for 1 second
await new Promise((resolve) => setTimeout(resolve, 1000));
},
onSuccess: async () => {
await goto('/auth');
await queryClient.invalidateQueries({ queryKey: ['customer'] });
},
},
queryClient,
);
When a user clicks the Sign In button, I simulate a login and redirect the user to the /auth route. However, when I navigate back from the /auth page to /, I see that $signIn.status is pending instead of success. I also can see the correct success status in the TanStack Query devtools.
If I comment out await queryClient.invalidateQueries({ queryKey: ['customer'] }); in the onSuccess function, everything works fine. However, I still consider this behavior as a bug.
Expected behavior
My mutation has success status
How often does this bug happen?
None
Screenshots or Videos
https://github.com/user-attachments/assets/7e56dedc-c841-4552-97a3-a3f177702d86
Platform
- OS: Windows 11 24H2
- Browser: Chrome
- Version: 134.0.6998.35 (Official Build) (64-bit)
Tanstack Query adapter
None
TanStack Query version
^5.67.2
TypeScript version
^5.0.0
Additional context
No response
- Lenguaje dominante
- TypeScript
- Estrellas
- 50.3k
- Forks
- 4.2k
- Merge medio
- 22 h 33 min
- PR fusionados (30 d)
- 214
Guía de contribución
Primeros pasos
- Lee el issue completo y luego la guía de contribución del proyecto.
- Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
- Haz un fork del repositorio y trabaja en una rama.
- Abre un pull request que haga referencia al número del issue.
Más de TanStack/query
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 84/100
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 84/100
-
Dificultad 4/5 3-5 días Aptitud para principiantes 45/100
-
Dificultad 4/5 3-5 días Aptitud para principiantes 40/100
-
Dificultad 4/5 3-5 días Aptitud para principiantes 48/100
Todos los issues de TanStack/query
Issues similares
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 70/100
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 75/100
mksglu/context-mode#1200 ·
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 75/100
jaegertracing/jaeger-ui#4506 ·
-
area:desktop area:ui bug platform:macos
Dificultad 2/5 1-3 horas Aptitud para principiantes 75/100
anthropics/claude-code#96687 ·
-
good first issue
Dificultad 1/5 Menos de una hora Aptitud para principiantes 95/100
AOSSIE-Org/DebateAI#582 · 2 comentarios ·