invoking suspense() with enabled: false will wait infinite while ssr

[n0099]

Describe the bug

const enabled = ref(false);
const { data, suspense } = useInfiniteQuery({ enabled })
await suspense()

Your minimal, reproducible example

https://codesandbox.io/p/devbox/eloquent-frog-3w6pk9?file=%2Fapp.vue

Steps to reproduce

0. By default the preview will never end loading
1. Change the line in /app.vue

-const enabled = ref(false);
+const enabled = ref(true);

2. Refresh preview

Expected behavior

Instantly exit suspense() as there's nothing to fetch while ssr.

How often does this bug happen?

Every time

Screenshots or Videos

No response

Platform

nuxt^3.5.2
Windows 11
Chrome 126

Tanstack Query adapter

vue-query

TanStack Query version

5.45.0

TypeScript version

No response

Additional context

This only reproducible when using useInfiniteQuery(), useQuery() is not affected:

-const { data, suspense } = useInfiniteQuery({
+const { data, suspense } = useQuery({
  queryKey: ['test'],
  queryFn: fetcher,
-  initialPageParam: '',
-  getNextPageParam: () => '',
  enabled
})

[DamianOsipiuk]

@n0099 This is done on purpose in response to an old ticket, where this particular behavior was requested.

And since it's rather easy to skip suspense() call with condition during SSR, it currently supports both use-cases.

Related tickets:

• Vue query not working with Nuxt 3 using enabled option and suspense #4924
• Calling suspense on a query ignores the enabled config option DamianOsipiuk/vue-query#229

[n0099]

#4924 (comment)

onServerPrefetch(async () => { // https://github.com/TanStack/query/issues/7609
    if (toValue(toValue(options)?.enabled) ?? true)
        await ret.suspense();
});

[n0099]

How do I make this compatible with #7566 that introduced a param query to the callback variant of enabled?
It's a mess: n0099/open-tbm@407685a#diff-0f75652bede5b3ab02fab6d24c628b1963347f8aa2d54ff8e23bd738a0941250R113