Mutation status incorrect after navigation in SvelteKit

从链接的 CodeSandbox 或复现仓库以及 signIn mutation 的 onSuccess 处理程序开始。在使用 TanStack Query devtools 对比 mutation 状态的同时，复现导航到 /auth 再返回的过程，尤其要关注 invalidateQueries({ queryKey: ['customer'] }) 运行时的情况。完成的标准是：返回 / 后状态为 success，同时不移除 invalidation。

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