fix: solid query hangs when not prefetchInRender

Author: brenelz

examples/solid/solid-start-streaming/src/routes/index.tsx

@@ -1,6 +1,25 @@
 import { Title } from '@solidjs/meta'
+import { queryOptions, useQuery } from '@tanstack/solid-query'
+import { Suspense } from 'solid-js'
+
+const makeQueryOptions = (key: string) =>
+  queryOptions({
+    queryKey: ['e2e-test-query-integration', key],
+    queryFn: async () => {
+      console.log('fetching query data')
+      await new Promise<void>((resolve) => {
+        setTimeout(resolve, 500)
+      })
+      const result = 'data'
+      console.log('query data result', result)
+      return result
+    },
+    staleTime: Infinity,
+  })
 
 export default function Home() {
+  const query = useQuery(() => makeQueryOptions('useQuery'))
+
   return (
     <main>
       <Title>Solid Query v5</Title>
@@ -12,6 +31,10 @@ export default function Home() {
         streaming support. Use the links in the top left to navigate between the
         various examples.
       </p>
+
+      <Suspense>
+        <div data-testid="query-data">{query.data ?? 'loading...'}</div>
+      </Suspense>
     </main>
   )
 }

packages/query-core/src/queryObserver.ts

@@ -84,6 +84,11 @@ export class QueryObserver<
     this.#client = client
     this.#selectError = null
     this.#currentThenable = pendingThenable()
+    if (!this.options.experimental_prefetchInRender) {
+      this.#currentThenable.reject(
+        new Error('experimental_prefetchInRender feature flag is not enabled'),
+      )
+    }
 
     this.bindMethods()
     this.setOptions(options)