refactor(react-query): add error message for skipToken in useSuspenseQueries and useSuspenseInfiniteQuery (#7797)

* refactor(react-query): add error message for skipToken in useSuspenseQueries

* refactor(react-query): add error message for skipToken in useSuspenseInfiniteQuery

Author: hautest

packages/react-query/src/useSuspenseInfiniteQuery.ts

@@ -1,5 +1,5 @@
 'use client'
-import { InfiniteQueryObserver } from '@tanstack/query-core'
+import { InfiniteQueryObserver, skipToken } from '@tanstack/query-core'
 import { useBaseQuery } from './useBaseQuery'
 import { defaultThrowOnError } from './suspense'
 import type {
@@ -32,6 +32,12 @@ export function useSuspenseInfiniteQuery<
   >,
   queryClient?: QueryClient,
 ): UseSuspenseInfiniteQueryResult<TData, TError> {
+  if (process.env.NODE_ENV !== 'production') {
+    if (options.queryFn === skipToken) {
+      console.error('skipToken is not allowed for useSuspenseInfiniteQuery')
+    }
+  }
+
   return useBaseQuery(
     {
       ...options,

packages/react-query/src/useSuspenseQueries.ts

@@ -1,13 +1,14 @@
 'use client'
+import {
+  type DefaultError,
+  type QueryClient,
+  type QueryFunction,
+  type ThrowOnError,
+  skipToken,
+} from '@tanstack/query-core'
 import { useQueries } from './useQueries'
 import { defaultThrowOnError } from './suspense'
 import type { UseSuspenseQueryOptions, UseSuspenseQueryResult } from './types'
-import type {
-  DefaultError,
-  QueryClient,
-  QueryFunction,
-  ThrowOnError,
-} from '@tanstack/query-core'
 
 // Avoid TS depth-limit error in case of large array literal
 type MAXIMUM_DEPTH = 20
@@ -190,13 +191,21 @@ export function useSuspenseQueries<
   return useQueries(
     {
       ...options,
-      queries: options.queries.map((query) => ({
-        ...query,
-        suspense: true,
-        throwOnError: defaultThrowOnError,
-        enabled: true,
-        placeholderData: undefined,
-      })),
+      queries: options.queries.map((query) => {
+        if (process.env.NODE_ENV !== 'production') {
+          if (query.queryFn === skipToken) {
+            console.error('skipToken is not allowed for useSuspenseQueries')
+          }
+        }
+
+        return {
+          ...query,
+          suspense: true,
+          throwOnError: defaultThrowOnError,
+          enabled: true,
+          placeholderData: undefined,
+        }
+      }),
     } as any,
     queryClient,
   )