diff --git a/docs/framework/preact/reference/functions/useSuspenseQueries.md b/docs/framework/preact/reference/functions/useSuspenseQueries.md index 707b4b31b8b..6ab4726a4a1 100644 --- a/docs/framework/preact/reference/functions/useSuspenseQueries.md +++ b/docs/framework/preact/reference/functions/useSuspenseQueries.md @@ -71,7 +71,7 @@ import { useSuspenseQueries } from '@tanstack/preact-query' function Posts({ ids }: { ids: Array }) { // Every result is guaranteed to be defined — no per-query `isPending` check needed. - const results = useSuspenseQueries({ + const postQueries = useSuspenseQueries({ queries: ids.map((id) => ({ queryKey: ['post', id], queryFn: () => fetchPost(id), @@ -80,8 +80,8 @@ function Posts({ ids }: { ids: Array }) { return ( ) @@ -196,7 +196,7 @@ import { useSuspenseQueries } from '@tanstack/preact-query' function Posts({ ids }: { ids: Array }) { // Every result is guaranteed to be defined — no per-query `isPending` check needed. - const results = useSuspenseQueries({ + const postQueries = useSuspenseQueries({ queries: ids.map((id) => ({ queryKey: ['post', id], queryFn: () => fetchPost(id), @@ -205,8 +205,8 @@ function Posts({ ids }: { ids: Array }) { return (
    - {results.map((result) => ( -
  • {result.data.title}
  • + {postQueries.map((query) => ( +
  • {query.data.title}
  • ))}
) diff --git a/packages/preact-query/src/useSuspenseQueries.ts b/packages/preact-query/src/useSuspenseQueries.ts index 8ddafe403da..61e886c7fe3 100644 --- a/packages/preact-query/src/useSuspenseQueries.ts +++ b/packages/preact-query/src/useSuspenseQueries.ts @@ -202,7 +202,7 @@ export type SuspenseQueriesResults< * * function Posts({ ids }: { ids: Array }) { * // Every result is guaranteed to be defined — no per-query `isPending` check needed. - * const results = useSuspenseQueries({ + * const postQueries = useSuspenseQueries({ * queries: ids.map((id) => ({ * queryKey: ['post', id], * queryFn: () => fetchPost(id), @@ -211,8 +211,8 @@ export type SuspenseQueriesResults< * * return ( *
    - * {results.map((result) => ( - *
  • {result.data.title}
  • + * {postQueries.map((query) => ( + *
  • {query.data.title}
  • * ))} *
* ) @@ -303,7 +303,7 @@ export function useSuspenseQueries< * * function Posts({ ids }: { ids: Array }) { * // Every result is guaranteed to be defined — no per-query `isPending` check needed. - * const results = useSuspenseQueries({ + * const postQueries = useSuspenseQueries({ * queries: ids.map((id) => ({ * queryKey: ['post', id], * queryFn: () => fetchPost(id), @@ -312,8 +312,8 @@ export function useSuspenseQueries< * * return ( *
    - * {results.map((result) => ( - *
  • {result.data.title}
  • + * {postQueries.map((query) => ( + *
  • {query.data.title}
  • * ))} *
* )