Sometimes vue-query doesn't respect enabled

[Mini-ghost]

Describe the bug

Sometimes vue-query doesn't respect enabled, It happens when enabled changes from true to false

Your minimal, reproducible example

https://stackblitz.com/edit/vitejs-vite-q1vdvf?file=src%2Fpages%2FPost.vue

Steps to reproduce

1. Go to reproducible
2. Click the link with content 1, and queryFn will be executed.
3. Click the link with content 20, and queryFn will be executed.

According to the enabled condition, when postId is greater than 10, it will be false

const enabled = computed(() => {
  return !!postId.value.id && postId.value.id < 10;
});

Expected behavior

queryFn should not be called when enabled is false

How often does this bug happen?

Sometimes

Screenshots or Videos

No response

Platform

System:
    OS: macOS 11.6
    CPU: (8) arm64 Apple M1
    Memory: 90.47 MB / 16.00 GB
    Shell: 5.8 - /bin/zsh
  Binaries:
    Node: 18.16.0 - ~/.nvm/versions/node/v18.16.0/bin/node
    npm: 9.5.1 - ~/.nvm/versions/node/v18.16.0/bin/npm
  Browsers:
    Firefox: 116.0.2
    Safari: 14.1.2
    Safari Technology Preview: 15.4
  npmPackages:
    vue: ^3.3.4 => 3.3.4 

Tanstack Query adapter

None

TanStack Query version

v4.34.3

TypeScript version

v5.2.2

Additional context

I guess it is because { flush:'sync' } caused the current issue. The following are relevant references.

• fix(vue-query): Make queryKey watchers sync #5929
• computed triggers watcher of sync twice vuejs/core#9149
• feat(reactivity): more efficient reactivity system vuejs/core#5912