npm - @suspensive/react-query-4 - Versions diffs - 3.17.2 → 3.18.0 - Mend

@suspensive/react-query-4 3.17.2 → 3.18.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (65) hide show

package/dist/{IsFetching-BDzr-LPo.d.cts → IsFetching-CThOxeZB.d.cts} RENAMED Viewed

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
 import { QueryFilters, useIsFetching } from "@tanstack/react-query";
 import { ReactNode } from "react";
@@ -10,7 +10,7 @@ declare const IsFetching: ({
   children
 }: QueryFilters & {
   children: (isFetching: ReturnType<typeof useIsFetching>) => ReactNode;
-}) => react_jsx_runtime0.JSX.Element;
+}) => react_jsx_runtime5.JSX.Element;
 //#endregion
 export { IsFetching as t };
-//# sourceMappingURL=IsFetching-BDzr-LPo.d.cts.map
+//# sourceMappingURL=IsFetching-CThOxeZB.d.cts.map

package/dist/{IsFetching-BDzr-LPo.d.cts.map → IsFetching-CThOxeZB.d.cts.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"IsFetching-~~BDzr-LPo~~.d.cts","names":[],"sources":["../src/IsFetching.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AAQa,cAAA,UAIZ,EAAA,CAAA;EAAA;CAAA,EAFE,YAEF,GAAA;EAJ0B,QAAA,EAAA,CAAA,UAAA,EAEgB,UAFhB,CAAA,OAEkC,aAFlC,CAAA,EAAA,GAEqD,SAFrD;CAExB,EAAA,GAAwF,kBAAA,CAAA,GAAA,CAAA,OAAxF"}
1	+ {"version":3,"file":"IsFetching-CThOxeZB.d.cts","names":[],"sources":["../src/IsFetching.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AAQa,cAAA,UAIZ,EAAA,CAAA;EAAA;CAAA,EAFE,YAEF,GAAA;EAJ0B,QAAA,EAAA,CAAA,UAAA,EAEgB,UAFhB,CAAA,OAEkC,aAFlC,CAAA,EAAA,GAEqD,SAFrD;CAExB,EAAA,GAAwF,kBAAA,CAAA,GAAA,CAAA,OAAxF"}

package/dist/IsFetching.d.cts CHANGED Viewed

@@ -1,2 +1,2 @@
-import { t as IsFetching } from "./IsFetching-BDzr-LPo.cjs";
+import { t as IsFetching } from "./IsFetching-CThOxeZB.cjs";
 export { IsFetching };

package/dist/{Mutation-kNfR4Z34.d.cts → Mutation-Dt5kUsd8.d.cts} RENAMED Viewed

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime8 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { UseMutationOptions, UseMutationResult } from "@tanstack/react-query";
 import { ReactNode } from "react";
@@ -8,7 +8,7 @@ declare function Mutation<TData = unknown, TError = unknown, TVariables = void,
   ...options
 }: UseMutationOptions<TData, TError, TVariables, TContext> & {
   children: (mutationResult: UseMutationResult<TData, TError, TVariables, TContext>) => ReactNode;
-}): react_jsx_runtime8.JSX.Element;
+}): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { Mutation as t };
-//# sourceMappingURL=Mutation-kNfR4Z34.d.cts.map
+//# sourceMappingURL=Mutation-Dt5kUsd8.d.cts.map

package/dist/{Mutation-kNfR4Z34.d.cts.map → Mutation-Dt5kUsd8.d.cts.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Mutation-~~kNfR4Z34~~.d.cts","names":[],"sources":["../src/Mutation.tsx"],"sourcesContent":[],"mappings":";;;;;iBAKgB;;;GAGb,mBAAmB,OAAO,QAAQ,YAAY;6BACpB,kBAAkB,OAAO,QAAQ,YAAY,cAAc;IACvF,kBAAA,CAAA,GAAA,CAAA"}
1	+ {"version":3,"file":"Mutation-Dt5kUsd8.d.cts","names":[],"sources":["../src/Mutation.tsx"],"sourcesContent":[],"mappings":";;;;;iBAKgB;;;GAGb,mBAAmB,OAAO,QAAQ,YAAY;6BACpB,kBAAkB,OAAO,QAAQ,YAAY,cAAc;IACvF,kBAAA,CAAA,GAAA,CAAA"}

package/dist/Mutation.d.cts CHANGED Viewed

@@ -1,2 +1,2 @@
-import { t as Mutation } from "./Mutation-kNfR4Z34.cjs";
+import { t as Mutation } from "./Mutation-Dt5kUsd8.cjs";
 export { Mutation };

package/dist/{PrefetchInfiniteQuery-B176YxLR.d.cts → PrefetchInfiniteQuery-C4FsMPPo.d.cts} RENAMED Viewed

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
 import { FetchInfiniteQueryOptions, QueryKey } from "@tanstack/react-query";
 //#region src/PrefetchInfiniteQuery.d.ts
@@ -11,7 +11,7 @@ import { FetchInfiniteQueryOptions, QueryKey } from "@tanstack/react-query";
  * <PrefetchInfiniteQuery queryKey={['queryKey']} queryFn={queryFn} />
  * ```
  */
-declare function PrefetchInfiniteQuery<TQueryFnData = unknown, TError = unknown, TData = TQueryFnData, TQueryKey extends QueryKey = QueryKey>(options: FetchInfiniteQueryOptions<TQueryFnData, TError, TData, TQueryKey>): react_jsx_runtime3.JSX.Element;
+declare function PrefetchInfiniteQuery<TQueryFnData = unknown, TError = unknown, TData = TQueryFnData, TQueryKey extends QueryKey = QueryKey>(options: FetchInfiniteQueryOptions<TQueryFnData, TError, TData, TQueryKey>): react_jsx_runtime4.JSX.Element;
 //#endregion
 export { PrefetchInfiniteQuery as t };
-//# sourceMappingURL=PrefetchInfiniteQuery-B176YxLR.d.cts.map
+//# sourceMappingURL=PrefetchInfiniteQuery-C4FsMPPo.d.cts.map

package/dist/{PrefetchInfiniteQuery-B176YxLR.d.cts.map → PrefetchInfiniteQuery-C4FsMPPo.d.cts.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PrefetchInfiniteQuery-~~B176YxLR~~.d.cts","names":[],"sources":["../src/PrefetchInfiniteQuery.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AAaA;;;;;AAKmD,iBALnC,qBAKmC,CAAA,eAAA,OAAA,EAAA,SAAA,OAAA,EAAA,QAFzC,YAEyC,EAAA,kBAD/B,QAC+B,GADpB,QACoB,CAAA,CAAA,OAAA,EAAxC,yBAAwC,CAAd,YAAc,EAAA,MAAA,EAAQ,KAAR,EAAe,SAAf,CAAA,CAAA,EAAyB,kBAAA,CAAA,GAAA,CAAA,OAAzB"}
1	+ {"version":3,"file":"PrefetchInfiniteQuery-C4FsMPPo.d.cts","names":[],"sources":["../src/PrefetchInfiniteQuery.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AAaA;;;;;AAKmD,iBALnC,qBAKmC,CAAA,eAAA,OAAA,EAAA,SAAA,OAAA,EAAA,QAFzC,YAEyC,EAAA,kBAD/B,QAC+B,GADpB,QACoB,CAAA,CAAA,OAAA,EAAxC,yBAAwC,CAAd,YAAc,EAAA,MAAA,EAAQ,KAAR,EAAe,SAAf,CAAA,CAAA,EAAyB,kBAAA,CAAA,GAAA,CAAA,OAAzB"}

package/dist/PrefetchInfiniteQuery.d.cts CHANGED Viewed

@@ -1,2 +1,2 @@
-import { t as PrefetchInfiniteQuery } from "./PrefetchInfiniteQuery-B176YxLR.cjs";
+import { t as PrefetchInfiniteQuery } from "./PrefetchInfiniteQuery-C4FsMPPo.cjs";
 export { PrefetchInfiniteQuery };

package/dist/{PrefetchQuery-UXE0XDb0.d.cts → PrefetchQuery-DAqAWOeP.d.mts} RENAMED Viewed

@@ -1,5 +1,5 @@
-import * as react_jsx_runtime5 from "react/jsx-runtime";
 import { FetchQueryOptions, QueryKey } from "@tanstack/react-query";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
 //#region src/PrefetchQuery.d.ts
@@ -11,7 +11,7 @@ import { FetchQueryOptions, QueryKey } from "@tanstack/react-query";
  * <PrefetchQuery queryKey={['queryKey']} queryFn={queryFn} />
  * ```
  */
-declare function PrefetchQuery<TQueryFnData = unknown, TError = unknown, TData = TQueryFnData, TQueryKey extends QueryKey = QueryKey>(options: FetchQueryOptions<TQueryFnData, TError, TData, TQueryKey>): react_jsx_runtime5.JSX.Element;
+declare function PrefetchQuery<TQueryFnData = unknown, TError = unknown, TData = TQueryFnData, TQueryKey extends QueryKey = QueryKey>(options: FetchQueryOptions<TQueryFnData, TError, TData, TQueryKey>): react_jsx_runtime2.JSX.Element;
 //#endregion
 export { PrefetchQuery as t };
-//# sourceMappingURL=PrefetchQuery-UXE0XDb0.d.cts.map
+//# sourceMappingURL=PrefetchQuery-DAqAWOeP.d.mts.map

package/dist/{PrefetchQuery-DfCIfLWZ.d.mts.map → PrefetchQuery-DAqAWOeP.d.mts.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PrefetchQuery-~~DfCIfLWZ~~.d.mts","names":[],"sources":["../src/PrefetchQuery.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AAaA;;;;;AAK2C,iBAL3B,aAK2B,CAAA,eAAA,OAAA,EAAA,SAAA,OAAA,EAAA,QAFjC,YAEiC,EAAA,kBADvB,QACuB,GADZ,QACY,CAAA,CAAA,OAAA,EAAhC,iBAAgC,CAAd,YAAc,EAAA,MAAA,EAAQ,KAAR,EAAe,SAAf,CAAA,CAAA,EAAyB,kBAAA,CAAA,GAAA,CAAA,OAAzB"}
1	+ {"version":3,"file":"PrefetchQuery-DAqAWOeP.d.mts","names":[],"sources":["../src/PrefetchQuery.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AAaA;;;;;AAK2C,iBAL3B,aAK2B,CAAA,eAAA,OAAA,EAAA,SAAA,OAAA,EAAA,QAFjC,YAEiC,EAAA,kBADvB,QACuB,GADZ,QACY,CAAA,CAAA,OAAA,EAAhC,iBAAgC,CAAd,YAAc,EAAA,MAAA,EAAQ,KAAR,EAAe,SAAf,CAAA,CAAA,EAAyB,kBAAA,CAAA,GAAA,CAAA,OAAzB"}

package/dist/{PrefetchQuery-DfCIfLWZ.d.mts → PrefetchQuery-DFwiRhmK.d.cts} RENAMED Viewed

@@ -1,5 +1,5 @@
-import { FetchQueryOptions, QueryKey } from "@tanstack/react-query";
 import * as react_jsx_runtime7 from "react/jsx-runtime";
+import { FetchQueryOptions, QueryKey } from "@tanstack/react-query";
 //#region src/PrefetchQuery.d.ts
@@ -14,4 +14,4 @@ import * as react_jsx_runtime7 from "react/jsx-runtime";
 declare function PrefetchQuery<TQueryFnData = unknown, TError = unknown, TData = TQueryFnData, TQueryKey extends QueryKey = QueryKey>(options: FetchQueryOptions<TQueryFnData, TError, TData, TQueryKey>): react_jsx_runtime7.JSX.Element;
 //#endregion
 export { PrefetchQuery as t };
-//# sourceMappingURL=PrefetchQuery-DfCIfLWZ.d.mts.map
+//# sourceMappingURL=PrefetchQuery-DFwiRhmK.d.cts.map

package/dist/{PrefetchQuery-UXE0XDb0.d.cts.map → PrefetchQuery-DFwiRhmK.d.cts.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PrefetchQuery-~~UXE0XDb0~~.d.cts","names":[],"sources":["../src/PrefetchQuery.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AAaA;;;;;AAK2C,iBAL3B,aAK2B,CAAA,eAAA,OAAA,EAAA,SAAA,OAAA,EAAA,QAFjC,YAEiC,EAAA,kBADvB,QACuB,GADZ,QACY,CAAA,CAAA,OAAA,EAAhC,iBAAgC,CAAd,YAAc,EAAA,MAAA,EAAQ,KAAR,EAAe,SAAf,CAAA,CAAA,EAAyB,kBAAA,CAAA,GAAA,CAAA,OAAzB"}
1	+ {"version":3,"file":"PrefetchQuery-DFwiRhmK.d.cts","names":[],"sources":["../src/PrefetchQuery.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AAaA;;;;;AAK2C,iBAL3B,aAK2B,CAAA,eAAA,OAAA,EAAA,SAAA,OAAA,EAAA,QAFjC,YAEiC,EAAA,kBADvB,QACuB,GADZ,QACY,CAAA,CAAA,OAAA,EAAhC,iBAAgC,CAAd,YAAc,EAAA,MAAA,EAAQ,KAAR,EAAe,SAAf,CAAA,CAAA,EAAyB,kBAAA,CAAA,GAAA,CAAA,OAAzB"}

package/dist/PrefetchQuery.d.cts CHANGED Viewed

@@ -1,2 +1,2 @@
-import { t as PrefetchQuery } from "./PrefetchQuery-UXE0XDb0.cjs";
+import { t as PrefetchQuery } from "./PrefetchQuery-DFwiRhmK.cjs";
 export { PrefetchQuery };

package/dist/PrefetchQuery.d.mts CHANGED Viewed

@@ -1,2 +1,2 @@
-import { t as PrefetchQuery } from "./PrefetchQuery-DfCIfLWZ.mjs";
+import { t as PrefetchQuery } from "./PrefetchQuery-DAqAWOeP.mjs";
 export { PrefetchQuery };

package/dist/{QueriesHydration-Bl02gjbZ.d.mts → QueriesHydration-99AzKj29.d.cts} RENAMED Viewed

@@ -1,5 +1,5 @@
-import { HydrateProps, OmitKeyof, QueryClient, QueryOptions, WithRequired } from "@tanstack/react-query";
-import * as react_jsx_runtime2 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { HydrateProps, OmitKeyof, QueryClient, QueryOptions, UseInfiniteQueryOptions, WithRequired } from "@tanstack/react-query";
 import { ReactNode } from "react";
 //#region src/QueriesHydration.d.ts
@@ -80,9 +80,10 @@ declare function QueriesHydration({
    */
   queryClient?: QueryClient;
   /**
-   * An array of query options to be fetched on the server. Each query must include a `queryKey`.
+   * An array of query options or infinite query options to be fetched on the server. Each query must include a `queryKey`.
+   * You can mix regular queries and infinite queries in the same array.
    */
-  queries: WithRequired<QueryOptions<any, any, any, any>, 'queryKey'>[];
+  queries: (WithRequired<QueryOptions<any, any, any, any>, 'queryKey'> | WithRequired<UseInfiniteQueryOptions<any, any, any, any, any>, 'queryKey'>)[];
   /**
    * Controls error handling behavior:
    * - `true` (default): Skips SSR and falls back to client-side rendering when server fetch fails
@@ -92,7 +93,7 @@ declare function QueriesHydration({
   skipSsrOnError?: boolean | {
     fallback: ReactNode;
   };
-} & OmitKeyof<HydrateProps, 'state'>): Promise<react_jsx_runtime2.JSX.Element>;
+} & OmitKeyof<HydrateProps, 'state'>): Promise<react_jsx_runtime0.JSX.Element>;
 //#endregion
 export { QueriesHydration as t };
-//# sourceMappingURL=QueriesHydration-Bl02gjbZ.d.mts.map
+//# sourceMappingURL=QueriesHydration-99AzKj29.d.cts.map

package/dist/QueriesHydration-99AzKj29.d.cts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"QueriesHydration-99AzKj29.d.cts","names":[],"sources":["../src/QueriesHydration.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;AA6EA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAAsB,gBAAA;;;;;;;;;;gBAUN;;;;;YAMV,aAAa,gDACb,aAAa;;;;;;;;cAWD;;IAEd,UAAU,yBAAsB,QAAA,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/{QueriesHydration-BT0rn0KQ.cjs → QueriesHydration-BARmyHJu.cjs} RENAMED Viewed

@@ -109,7 +109,7 @@ function _QueriesHydration() {
 	_QueriesHydration = _asyncToGenerator(function* (_ref) {
 		let { queries, children, queryClient = new __tanstack_react_query.QueryClient(), skipSsrOnError = true } = _ref, props = require_objectWithoutProperties._objectWithoutProperties(_ref, _excluded);
 		try {
-			yield Promise.all(queries.map((query) => queryClient.ensureQueryData(query)));
+			yield Promise.all(queries.map((query) => "getNextPageParam" in query ? queryClient.fetchInfiniteQuery(query) : queryClient.fetchQuery(query)));
 		} catch (_unused) {
 			if (skipSsrOnError) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ClientOnly.ClientOnly, {
 				fallback: skipSsrOnError === true ? void 0 : skipSsrOnError.fallback,
@@ -131,4 +131,4 @@ Object.defineProperty(exports, 'QueriesHydration', {
     return QueriesHydration;
   }
 });
-//# sourceMappingURL=QueriesHydration-BT0rn0KQ.cjs.map
+//# sourceMappingURL=QueriesHydration-BARmyHJu.cjs.map

package/dist/QueriesHydration-BARmyHJu.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"QueriesHydration-BARmyHJu.cjs","names":["QueryClient","ClientOnly","Hydrate"],"sources":["../src/QueriesHydration.tsx"],"sourcesContent":["import {\n Hydrate,\n type HydrateProps,\n type OmitKeyof,\n QueryClient,\n type QueryOptions,\n type UseInfiniteQueryOptions,\n type WithRequired,\n dehydrate,\n} from '@tanstack/react-query'\nimport type { ReactNode } from 'react'\nimport { ClientOnly } from './components/ClientOnly'\n\n/**\n * A server component that fetches multiple queries on the server and hydrates them to the client.\n *\n * @experimental This component is experimental and may be changed or removed in the future.\n *\n * @description\n * QueriesHydration is designed for React Server Components (RSC).\n * It pre-fetches multiple queries on the server side and automatically hydrates\n * the data to the client, enabling seamless data synchronization between server and client.\n *\n * When errors occur during server-side fetching, the component gracefully falls back\n * to client-side rendering, ensuring your application remains resilient.\n *\n * @example\n * ```tsx\n * // app/page.tsx (Server Component)\n * import { Suspense } from 'react'\n * import { QueriesHydration } from '@suspensive/react-query'\n * import { queryOptions } from '@tanstack/react-query'\n *\n * const userQueryOptions = (userId: string) => queryOptions({\n * queryKey: ['user', userId],\n * queryFn: () => fetchUser(userId)\n * })\n *\n * const postsQueryOptions = () => queryOptions({\n * queryKey: ['posts'],\n * queryFn: () => fetchPosts()\n * })\n *\n * export default function Page({ userId }: { userId: string }) {\n * return (\n * <>\n * <Suspense fallback={<div>Loading user...</div>}>\n * <QueriesHydration queries={[userQueryOptions(userId)]}>\n * <UserProfile />\n * </QueriesHydration>\n * </Suspense>\n *\n * <Suspense fallback={<div>Loading posts...</div>}>\n * <QueriesHydration queries={[postsQueryOptions()]}>\n * <PostsList />\n * </QueriesHydration>\n * </Suspense>\n * </>\n * )\n * }\n * ```\n *\n * @example\n * ```tsx\n * // With custom error fallback\n * <Suspense fallback={<div>Loading user...</div>}>\n * <QueriesHydration\n * queries={[userQueryOptions(userId)]}\n * skipSsrOnError={{ fallback: <div>Fetching on client...</div> }}\n * >\n * <UserProfile />\n * </QueriesHydration>\n * </Suspense>\n * ```\n *\n * @see {@link https://suspensive.org/docs/react-query/QueriesHydration Documentation}\n */\nexport async function QueriesHydration({\n queries,\n children,\n queryClient = new QueryClient(),\n skipSsrOnError = true,\n ...props\n}: {\n /**\n * The QueryClient instance to use for fetching queries.\n */\n queryClient?: QueryClient\n /**\n * An array of query options or infinite query options to be fetched on the server. Each query must include a `queryKey`.\n * You can mix regular queries and infinite queries in the same array.\n */\n queries: (\n | WithRequired<QueryOptions<any, any, any, any>, 'queryKey'>\n | WithRequired<UseInfiniteQueryOptions<any, any, any, any, any>, 'queryKey'>\n )[]\n /**\n * Controls error handling behavior:\n * - `true` (default): Skips SSR and falls back to client-side rendering when server fetch fails\n * - `false`: Proceeds with SSR without hydration (retry fetching on client component server rendering)\n * - `{ fallback: ReactNode }`: Skips SSR with custom fallback UI during client-side rendering\n */\n skipSsrOnError?:\n | boolean\n | {\n fallback: ReactNode\n }\n} & OmitKeyof<HydrateProps, 'state'>) {\n try {\n await Promise.all(\n queries.map((query) =>\n 'getNextPageParam' in query ? queryClient.fetchInfiniteQuery(query) : queryClient.fetchQuery(query)\n )\n )\n } catch {\n if (skipSsrOnError) {\n return (\n <ClientOnly fallback={skipSsrOnError === true ? undefined : skipSsrOnError.fallback}>{children}</ClientOnly>\n )\n }\n }\n return (\n <Hydrate {...props} state={dehydrate(queryClient)}>\n {children}\n </Hydrate>\n )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8EE;CACA;CACA;CACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAJF,SAAsB,iBAAiB;;;;wDA8BD;MA9BC,EACrC,SACA,UACA,cAAc,IAAIA,oCAAa,EAC/B,iBAAiB,eACd;AA0BH,MAAI;AACF,SAAM,QAAQ,IACZ,QAAQ,KAAK,UACX,sBAAsB,QAAQ,YAAY,mBAAmB,MAAM,GAAG,YAAY,WAAW,MAAM,CACpG,CACF;oBACK;AACN,OAAI,eACF,QACE,2CAACC;IAAW,UAAU,mBAAmB,OAAO,SAAY,eAAe;IAAW;KAAsB;;AAIlH,SACE,2CAACC,8GAAY;GAAO,6CAAiB,YAAY;GAC9C;KACO"}

package/dist/{QueriesHydration-BvU3699s.mjs → QueriesHydration-BrMSJHsz.mjs} RENAMED Viewed

@@ -109,7 +109,7 @@ function _QueriesHydration() {
 	_QueriesHydration = _asyncToGenerator(function* (_ref) {
 		let { queries, children, queryClient = new QueryClient(), skipSsrOnError = true } = _ref, props = _objectWithoutProperties(_ref, _excluded);
 		try {
-			yield Promise.all(queries.map((query) => queryClient.ensureQueryData(query)));
+			yield Promise.all(queries.map((query) => "getNextPageParam" in query ? queryClient.fetchInfiniteQuery(query) : queryClient.fetchQuery(query)));
 		} catch (_unused) {
 			if (skipSsrOnError) return /* @__PURE__ */ jsx(ClientOnly, {
 				fallback: skipSsrOnError === true ? void 0 : skipSsrOnError.fallback,
@@ -126,4 +126,4 @@ function _QueriesHydration() {
 //#endregion
 export { QueriesHydration as t };
-//# sourceMappingURL=QueriesHydration-BvU3699s.mjs.map
+//# sourceMappingURL=QueriesHydration-BrMSJHsz.mjs.map

package/dist/QueriesHydration-BrMSJHsz.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"QueriesHydration-BrMSJHsz.mjs","names":[],"sources":["../src/QueriesHydration.tsx"],"sourcesContent":["import {\n Hydrate,\n type HydrateProps,\n type OmitKeyof,\n QueryClient,\n type QueryOptions,\n type UseInfiniteQueryOptions,\n type WithRequired,\n dehydrate,\n} from '@tanstack/react-query'\nimport type { ReactNode } from 'react'\nimport { ClientOnly } from './components/ClientOnly'\n\n/**\n * A server component that fetches multiple queries on the server and hydrates them to the client.\n *\n * @experimental This component is experimental and may be changed or removed in the future.\n *\n * @description\n * QueriesHydration is designed for React Server Components (RSC).\n * It pre-fetches multiple queries on the server side and automatically hydrates\n * the data to the client, enabling seamless data synchronization between server and client.\n *\n * When errors occur during server-side fetching, the component gracefully falls back\n * to client-side rendering, ensuring your application remains resilient.\n *\n * @example\n * ```tsx\n * // app/page.tsx (Server Component)\n * import { Suspense } from 'react'\n * import { QueriesHydration } from '@suspensive/react-query'\n * import { queryOptions } from '@tanstack/react-query'\n *\n * const userQueryOptions = (userId: string) => queryOptions({\n * queryKey: ['user', userId],\n * queryFn: () => fetchUser(userId)\n * })\n *\n * const postsQueryOptions = () => queryOptions({\n * queryKey: ['posts'],\n * queryFn: () => fetchPosts()\n * })\n *\n * export default function Page({ userId }: { userId: string }) {\n * return (\n * <>\n * <Suspense fallback={<div>Loading user...</div>}>\n * <QueriesHydration queries={[userQueryOptions(userId)]}>\n * <UserProfile />\n * </QueriesHydration>\n * </Suspense>\n *\n * <Suspense fallback={<div>Loading posts...</div>}>\n * <QueriesHydration queries={[postsQueryOptions()]}>\n * <PostsList />\n * </QueriesHydration>\n * </Suspense>\n * </>\n * )\n * }\n * ```\n *\n * @example\n * ```tsx\n * // With custom error fallback\n * <Suspense fallback={<div>Loading user...</div>}>\n * <QueriesHydration\n * queries={[userQueryOptions(userId)]}\n * skipSsrOnError={{ fallback: <div>Fetching on client...</div> }}\n * >\n * <UserProfile />\n * </QueriesHydration>\n * </Suspense>\n * ```\n *\n * @see {@link https://suspensive.org/docs/react-query/QueriesHydration Documentation}\n */\nexport async function QueriesHydration({\n queries,\n children,\n queryClient = new QueryClient(),\n skipSsrOnError = true,\n ...props\n}: {\n /**\n * The QueryClient instance to use for fetching queries.\n */\n queryClient?: QueryClient\n /**\n * An array of query options or infinite query options to be fetched on the server. Each query must include a `queryKey`.\n * You can mix regular queries and infinite queries in the same array.\n */\n queries: (\n | WithRequired<QueryOptions<any, any, any, any>, 'queryKey'>\n | WithRequired<UseInfiniteQueryOptions<any, any, any, any, any>, 'queryKey'>\n )[]\n /**\n * Controls error handling behavior:\n * - `true` (default): Skips SSR and falls back to client-side rendering when server fetch fails\n * - `false`: Proceeds with SSR without hydration (retry fetching on client component server rendering)\n * - `{ fallback: ReactNode }`: Skips SSR with custom fallback UI during client-side rendering\n */\n skipSsrOnError?:\n | boolean\n | {\n fallback: ReactNode\n }\n} & OmitKeyof<HydrateProps, 'state'>) {\n try {\n await Promise.all(\n queries.map((query) =>\n 'getNextPageParam' in query ? queryClient.fetchInfiniteQuery(query) : queryClient.fetchQuery(query)\n )\n )\n } catch {\n if (skipSsrOnError) {\n return (\n <ClientOnly fallback={skipSsrOnError === true ? undefined : skipSsrOnError.fallback}>{children}</ClientOnly>\n )\n }\n }\n return (\n <Hydrate {...props} state={dehydrate(queryClient)}>\n {children}\n </Hydrate>\n )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8EE;CACA;CACA;CACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAJF,SAAsB,iBAAiB;;;;wDA8BD;MA9BC,EACrC,SACA,UACA,cAAc,IAAI,aAAa,EAC/B,iBAAiB,eACd;AA0BH,MAAI;AACF,SAAM,QAAQ,IACZ,QAAQ,KAAK,UACX,sBAAsB,QAAQ,YAAY,mBAAmB,MAAM,GAAG,YAAY,WAAW,MAAM,CACpG,CACF;oBACK;AACN,OAAI,eACF,QACE,oBAAC;IAAW,UAAU,mBAAmB,OAAO,SAAY,eAAe;IAAW;KAAsB;;AAIlH,SACE,oBAAC,2CAAY;GAAO,OAAO,UAAU,YAAY;GAC9C;KACO"}

package/dist/{QueriesHydration-CZOIEBb-.d.cts → QueriesHydration-M2zoVGgJ.d.mts} RENAMED Viewed

@@ -1,5 +1,5 @@
-import * as react_jsx_runtime4 from "react/jsx-runtime";
-import { HydrateProps, OmitKeyof, QueryClient, QueryOptions, WithRequired } from "@tanstack/react-query";
+import { HydrateProps, OmitKeyof, QueryClient, QueryOptions, UseInfiniteQueryOptions, WithRequired } from "@tanstack/react-query";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
 import { ReactNode } from "react";
 //#region src/QueriesHydration.d.ts
@@ -80,9 +80,10 @@ declare function QueriesHydration({
    */
   queryClient?: QueryClient;
   /**
-   * An array of query options to be fetched on the server. Each query must include a `queryKey`.
+   * An array of query options or infinite query options to be fetched on the server. Each query must include a `queryKey`.
+   * You can mix regular queries and infinite queries in the same array.
    */
-  queries: WithRequired<QueryOptions<any, any, any, any>, 'queryKey'>[];
+  queries: (WithRequired<QueryOptions<any, any, any, any>, 'queryKey'> | WithRequired<UseInfiniteQueryOptions<any, any, any, any, any>, 'queryKey'>)[];
   /**
    * Controls error handling behavior:
    * - `true` (default): Skips SSR and falls back to client-side rendering when server fetch fails
@@ -92,7 +93,7 @@ declare function QueriesHydration({
   skipSsrOnError?: boolean | {
     fallback: ReactNode;
   };
-} & OmitKeyof<HydrateProps, 'state'>): Promise<react_jsx_runtime4.JSX.Element>;
+} & OmitKeyof<HydrateProps, 'state'>): Promise<react_jsx_runtime3.JSX.Element>;
 //#endregion
 export { QueriesHydration as t };
-//# sourceMappingURL=QueriesHydration-CZOIEBb-.d.cts.map
+//# sourceMappingURL=QueriesHydration-M2zoVGgJ.d.mts.map

package/dist/QueriesHydration-M2zoVGgJ.d.mts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"QueriesHydration-M2zoVGgJ.d.mts","names":[],"sources":["../src/QueriesHydration.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;AA6EA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAAsB,gBAAA;;;;;;;;;;gBAUN;;;;;YAMV,aAAa,gDACb,aAAa;;;;;;;;cAWD;;IAEd,UAAU,yBAAsB,QAAA,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/QueriesHydration.cjs CHANGED Viewed

@@ -1,3 +1,3 @@
-const require_QueriesHydration = require('./QueriesHydration-BT0rn0KQ.cjs');
+const require_QueriesHydration = require('./QueriesHydration-BARmyHJu.cjs');
 exports.QueriesHydration = require_QueriesHydration.QueriesHydration;

package/dist/QueriesHydration.d.cts CHANGED Viewed

@@ -1,2 +1,2 @@
-import { t as QueriesHydration } from "./QueriesHydration-CZOIEBb-.cjs";
+import { t as QueriesHydration } from "./QueriesHydration-99AzKj29.cjs";
 export { QueriesHydration };

package/dist/QueriesHydration.d.mts CHANGED Viewed

@@ -1,2 +1,2 @@
-import { t as QueriesHydration } from "./QueriesHydration-Bl02gjbZ.mjs";
+import { t as QueriesHydration } from "./QueriesHydration-M2zoVGgJ.mjs";
 export { QueriesHydration };

package/dist/QueriesHydration.mjs CHANGED Viewed

@@ -1,3 +1,3 @@
-import { t as QueriesHydration } from "./QueriesHydration-BvU3699s.mjs";
+import { t as QueriesHydration } from "./QueriesHydration-BrMSJHsz.mjs";
 export { QueriesHydration };

package/dist/{QueryClientConsumer-CPUb7Jr6.d.cts → QueryClientConsumer-BGHJsJCv.d.cts} RENAMED Viewed

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime6 from "react/jsx-runtime";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
 import { QueryClient } from "@tanstack/react-query";
 import { Context, ReactNode } from "react";
@@ -12,7 +12,7 @@ declare function QueryClientConsumer({
 }: {
   children: (queryClient: QueryClient) => ReactNode;
   context?: Context<QueryClient | undefined>;
-}): react_jsx_runtime6.JSX.Element;
+}): react_jsx_runtime1.JSX.Element;
 //#endregion
 export { QueryClientConsumer as t };
-//# sourceMappingURL=QueryClientConsumer-CPUb7Jr6.d.cts.map
+//# sourceMappingURL=QueryClientConsumer-BGHJsJCv.d.cts.map

package/dist/{QueryClientConsumer-CPUb7Jr6.d.cts.map → QueryClientConsumer-BGHJsJCv.d.cts.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"QueryClientConsumer-~~CPUb7Jr6~~.d.cts","names":[],"sources":["../src/QueryClientConsumer.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AAQgB,iBAAA,mBAAA,CAAmB;EAAA,QAAA;EAAA;CAAA,EAAA;EACjC,QAAA,EAAA,CAAA,WAAA,EAGwB,WAHxB,EAAA,GAGwC,SAHxC;EACA,OAAA,CAAA,EAGU,OAHV,CAGkB,WAHlB,GAAA,SAAA,CAAA;CAEwB,CAAA,EAEzB,kBAAA,CAAA,GAAA,CAAA,OAFyB"}
1	+ {"version":3,"file":"QueryClientConsumer-BGHJsJCv.d.cts","names":[],"sources":["../src/QueryClientConsumer.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AAQgB,iBAAA,mBAAA,CAAmB;EAAA,QAAA;EAAA;CAAA,EAAA;EACjC,QAAA,EAAA,CAAA,WAAA,EAGwB,WAHxB,EAAA,GAGwC,SAHxC;EACA,OAAA,CAAA,EAGU,OAHV,CAGkB,WAHlB,GAAA,SAAA,CAAA;CAEwB,CAAA,EAEzB,kBAAA,CAAA,GAAA,CAAA,OAFyB"}

package/dist/{QueryClientConsumer-DJo29zBV.d.mts → QueryClientConsumer-BW1kmzJX.d.mts} RENAMED Viewed

@@ -1,5 +1,5 @@
 import { QueryClient } from "@tanstack/react-query";
-import * as react_jsx_runtime8 from "react/jsx-runtime";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
 import { Context, ReactNode } from "react";
 //#region src/QueryClientConsumer.d.ts
@@ -12,7 +12,7 @@ declare function QueryClientConsumer({
 }: {
   children: (queryClient: QueryClient) => ReactNode;
   context?: Context<QueryClient | undefined>;
-}): react_jsx_runtime8.JSX.Element;
+}): react_jsx_runtime4.JSX.Element;
 //#endregion
 export { QueryClientConsumer as t };
-//# sourceMappingURL=QueryClientConsumer-DJo29zBV.d.mts.map
+//# sourceMappingURL=QueryClientConsumer-BW1kmzJX.d.mts.map

package/dist/{QueryClientConsumer-DJo29zBV.d.mts.map → QueryClientConsumer-BW1kmzJX.d.mts.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"QueryClientConsumer-~~DJo29zBV~~.d.mts","names":[],"sources":["../src/QueryClientConsumer.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AAQgB,iBAAA,mBAAA,CAAmB;EAAA,QAAA;EAAA;CAAA,EAAA;EACjC,QAAA,EAAA,CAAA,WAAA,EAGwB,WAHxB,EAAA,GAGwC,SAHxC;EACA,OAAA,CAAA,EAGU,OAHV,CAGkB,WAHlB,GAAA,SAAA,CAAA;CAEwB,CAAA,EAEzB,kBAAA,CAAA,GAAA,CAAA,OAFyB"}
1	+ {"version":3,"file":"QueryClientConsumer-BW1kmzJX.d.mts","names":[],"sources":["../src/QueryClientConsumer.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AAQgB,iBAAA,mBAAA,CAAmB;EAAA,QAAA;EAAA;CAAA,EAAA;EACjC,QAAA,EAAA,CAAA,WAAA,EAGwB,WAHxB,EAAA,GAGwC,SAHxC;EACA,OAAA,CAAA,EAGU,OAHV,CAGkB,WAHlB,GAAA,SAAA,CAAA;CAEwB,CAAA,EAEzB,kBAAA,CAAA,GAAA,CAAA,OAFyB"}

package/dist/QueryClientConsumer.d.cts CHANGED Viewed

@@ -1,2 +1,2 @@
-import { t as QueryClientConsumer } from "./QueryClientConsumer-CPUb7Jr6.cjs";
+import { t as QueryClientConsumer } from "./QueryClientConsumer-BGHJsJCv.cjs";
 export { QueryClientConsumer };

package/dist/QueryClientConsumer.d.mts CHANGED Viewed

@@ -1,2 +1,2 @@
-import { t as QueryClientConsumer } from "./QueryClientConsumer-DJo29zBV.mjs";
+import { t as QueryClientConsumer } from "./QueryClientConsumer-BW1kmzJX.mjs";
 export { QueryClientConsumer };

package/dist/{SuspenseInfiniteQuery-DdnqEVHY.d.cts → SuspenseInfiniteQuery-B6hHnPDQ.d.mts} RENAMED Viewed

@@ -1,6 +1,6 @@
-import { t as UseSuspenseInfiniteQueryOptions } from "./useSuspenseInfiniteQuery-xXu-A7cX.cjs";
-import * as react_jsx_runtime2 from "react/jsx-runtime";
+import { t as UseSuspenseInfiniteQueryOptions } from "./useSuspenseInfiniteQuery-Bh0nh8Kc.mjs";
 import { QueryKey, UseSuspenseInfiniteQueryResult } from "@tanstack/react-query";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
 import { ReactNode } from "react";
 //#region src/SuspenseInfiniteQuery.d.ts
@@ -26,7 +26,7 @@ declare const SuspenseInfiniteQuery: <TQueryFnData = unknown, TError = unknown,
   ...options
 }: UseSuspenseInfiniteQueryOptions<TQueryFnData, TError, TData, TQueryKey> & {
   children: (query: UseSuspenseInfiniteQueryResult<TData, TError>) => ReactNode;
-}) => react_jsx_runtime2.JSX.Element;
+}) => react_jsx_runtime5.JSX.Element;
 //#endregion
 export { SuspenseInfiniteQuery as t };
-//# sourceMappingURL=SuspenseInfiniteQuery-DdnqEVHY.d.cts.map
+//# sourceMappingURL=SuspenseInfiniteQuery-B6hHnPDQ.d.mts.map

package/dist/{SuspenseInfiniteQuery-BeKUK5uX.d.mts.map → SuspenseInfiniteQuery-B6hHnPDQ.d.mts.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SuspenseInfiniteQuery-~~BeKUK5uX~~.d.mts","names":[],"sources":["../src/SuspenseInfiniteQuery.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;AAqBA;;;;;;;;;;;;;AASsE,cATzD,qBASyD,EAAA,CAAA,eAAA,OAAA,EAAA,SAAA,OAAA,EAAA,QAN5D,YAM4D,EAAA,kBALlD,QAKkD,GALvC,QAKuC,CAAA,CAAA;EAAA,QAAA;EAAA,GAAA;CAAA,EADnE,+BACmE,CADnC,YACmC,EADrB,MACqB,EADb,KACa,EADN,SACM,CAAA,GAAA;EACrE,QAAA,EAAA,CAAA,KAAA,EADmB,8BACnB,CADkD,KAClD,EADyD,MACzD,CAAA,EAAA,GADqE,SACrE;CAAuD,EAAA,GAAvD,kBAAA,CAAA,GAAA,CAAA,OAAuD"}
1	+ {"version":3,"file":"SuspenseInfiniteQuery-B6hHnPDQ.d.mts","names":[],"sources":["../src/SuspenseInfiniteQuery.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;AAqBA;;;;;;;;;;;;;AASsE,cATzD,qBASyD,EAAA,CAAA,eAAA,OAAA,EAAA,SAAA,OAAA,EAAA,QAN5D,YAM4D,EAAA,kBALlD,QAKkD,GALvC,QAKuC,CAAA,CAAA;EAAA,QAAA;EAAA,GAAA;CAAA,EADnE,+BACmE,CADnC,YACmC,EADrB,MACqB,EADb,KACa,EADN,SACM,CAAA,GAAA;EACrE,QAAA,EAAA,CAAA,KAAA,EADmB,8BACnB,CADkD,KAClD,EADyD,MACzD,CAAA,EAAA,GADqE,SACrE;CAAuD,EAAA,GAAvD,kBAAA,CAAA,GAAA,CAAA,OAAuD"}

package/dist/{SuspenseInfiniteQuery-BeKUK5uX.d.mts → SuspenseInfiniteQuery-BwSKmJgm.d.cts} RENAMED Viewed

@@ -1,6 +1,6 @@
-import { t as UseSuspenseInfiniteQueryOptions } from "./useSuspenseInfiniteQuery-Bh0nh8Kc.mjs";
-import { QueryKey, UseSuspenseInfiniteQueryResult } from "@tanstack/react-query";
+import { t as UseSuspenseInfiniteQueryOptions } from "./useSuspenseInfiniteQuery-xXu-A7cX.cjs";
 import * as react_jsx_runtime3 from "react/jsx-runtime";
+import { QueryKey, UseSuspenseInfiniteQueryResult } from "@tanstack/react-query";
 import { ReactNode } from "react";
 //#region src/SuspenseInfiniteQuery.d.ts
@@ -29,4 +29,4 @@ declare const SuspenseInfiniteQuery: <TQueryFnData = unknown, TError = unknown,
 }) => react_jsx_runtime3.JSX.Element;
 //#endregion
 export { SuspenseInfiniteQuery as t };
-//# sourceMappingURL=SuspenseInfiniteQuery-BeKUK5uX.d.mts.map
+//# sourceMappingURL=SuspenseInfiniteQuery-BwSKmJgm.d.cts.map

package/dist/{SuspenseInfiniteQuery-DdnqEVHY.d.cts.map → SuspenseInfiniteQuery-BwSKmJgm.d.cts.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SuspenseInfiniteQuery-~~DdnqEVHY~~.d.cts","names":[],"sources":["../src/SuspenseInfiniteQuery.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;AAqBA;;;;;;;;;;;;;AASsE,cATzD,qBASyD,EAAA,CAAA,eAAA,OAAA,EAAA,SAAA,OAAA,EAAA,QAN5D,YAM4D,EAAA,kBALlD,QAKkD,GALvC,QAKuC,CAAA,CAAA;EAAA,QAAA;EAAA,GAAA;CAAA,EADnE,+BACmE,CADnC,YACmC,EADrB,MACqB,EADb,KACa,EADN,SACM,CAAA,GAAA;EACrE,QAAA,EAAA,CAAA,KAAA,EADmB,8BACnB,CADkD,KAClD,EADyD,MACzD,CAAA,EAAA,GADqE,SACrE;CAAuD,EAAA,GAAvD,kBAAA,CAAA,GAAA,CAAA,OAAuD"}
1	+ {"version":3,"file":"SuspenseInfiniteQuery-BwSKmJgm.d.cts","names":[],"sources":["../src/SuspenseInfiniteQuery.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;AAqBA;;;;;;;;;;;;;AASsE,cATzD,qBASyD,EAAA,CAAA,eAAA,OAAA,EAAA,SAAA,OAAA,EAAA,QAN5D,YAM4D,EAAA,kBALlD,QAKkD,GALvC,QAKuC,CAAA,CAAA;EAAA,QAAA;EAAA,GAAA;CAAA,EADnE,+BACmE,CADnC,YACmC,EADrB,MACqB,EADb,KACa,EADN,SACM,CAAA,GAAA;EACrE,QAAA,EAAA,CAAA,KAAA,EADmB,8BACnB,CADkD,KAClD,EADyD,MACzD,CAAA,EAAA,GADqE,SACrE;CAAuD,EAAA,GAAvD,kBAAA,CAAA,GAAA,CAAA,OAAuD"}

package/dist/SuspenseInfiniteQuery.d.cts CHANGED Viewed

@@ -1,2 +1,2 @@
-import { t as SuspenseInfiniteQuery } from "./SuspenseInfiniteQuery-DdnqEVHY.cjs";
+import { t as SuspenseInfiniteQuery } from "./SuspenseInfiniteQuery-BwSKmJgm.cjs";
 export { SuspenseInfiniteQuery };

package/dist/SuspenseInfiniteQuery.d.mts CHANGED Viewed

@@ -1,3 +1,3 @@
 import "./useSuspenseInfiniteQuery-Bh0nh8Kc.mjs";
-import { t as SuspenseInfiniteQuery } from "./SuspenseInfiniteQuery-BeKUK5uX.mjs";
+import { t as SuspenseInfiniteQuery } from "./SuspenseInfiniteQuery-B6hHnPDQ.mjs";
 export { SuspenseInfiniteQuery };

package/dist/{SuspenseQueries-qFfeHxxp.d.cts → SuspenseQueries-B-UR1dnn.d.cts} RENAMED Viewed

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime7 from "react/jsx-runtime";
+import * as react_jsx_runtime6 from "react/jsx-runtime";
 import { SuspenseQueriesOptions, SuspenseQueriesResults } from "@tanstack/react-query";
 import { ReactNode } from "react";
@@ -25,7 +25,7 @@ declare function SuspenseQueries<T extends any[]>({
 }: {
   queries: readonly [...SuspenseQueriesOptions<T>];
   children: (queries: SuspenseQueriesResults<T>) => ReactNode;
-}): react_jsx_runtime7.JSX.Element;
+}): react_jsx_runtime6.JSX.Element;
 //#endregion
 export { SuspenseQueries as t };
-//# sourceMappingURL=SuspenseQueries-qFfeHxxp.d.cts.map
+//# sourceMappingURL=SuspenseQueries-B-UR1dnn.d.cts.map

package/dist/{SuspenseQueries-iahkpf8N.d.mts.map → SuspenseQueries-B-UR1dnn.d.cts.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SuspenseQueries-~~iahkpf8N~~.d.~~mts~~","names":[],"sources":["../src/SuspenseQueries.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;AAoBA;;;;;;;;;;;;iBAAgB;;;;wBAIQ,uBAAuB;sBACzB,uBAAuB,OAAO;IACnD,kBAAA,CAAA,GAAA,CAAA"}
1	+ {"version":3,"file":"SuspenseQueries-B-UR1dnn.d.cts","names":[],"sources":["../src/SuspenseQueries.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;AAoBA;;;;;;;;;;;;iBAAgB;;;;wBAIQ,uBAAuB;sBACzB,uBAAuB,OAAO;IACnD,kBAAA,CAAA,GAAA,CAAA"}

package/dist/{SuspenseQueries-iahkpf8N.d.mts → SuspenseQueries-CF_WoDIW.d.mts} RENAMED Viewed

@@ -1,5 +1,5 @@
 import { SuspenseQueriesOptions, SuspenseQueriesResults } from "@tanstack/react-query";
-import * as react_jsx_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime6 from "react/jsx-runtime";
 import { ReactNode } from "react";
 //#region src/SuspenseQueries.d.ts
@@ -25,7 +25,7 @@ declare function SuspenseQueries<T extends any[]>({
 }: {
   queries: readonly [...SuspenseQueriesOptions<T>];
   children: (queries: SuspenseQueriesResults<T>) => ReactNode;
-}): react_jsx_runtime4.JSX.Element;
+}): react_jsx_runtime6.JSX.Element;
 //#endregion
 export { SuspenseQueries as t };
-//# sourceMappingURL=SuspenseQueries-iahkpf8N.d.mts.map
+//# sourceMappingURL=SuspenseQueries-CF_WoDIW.d.mts.map

package/dist/{SuspenseQueries-qFfeHxxp.d.cts.map → SuspenseQueries-CF_WoDIW.d.mts.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SuspenseQueries-~~qFfeHxxp~~.d.~~cts~~","names":[],"sources":["../src/SuspenseQueries.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;AAoBA;;;;;;;;;;;;iBAAgB;;;;wBAIQ,uBAAuB;sBACzB,uBAAuB,OAAO;IACnD,kBAAA,CAAA,GAAA,CAAA"}
1	+ {"version":3,"file":"SuspenseQueries-CF_WoDIW.d.mts","names":[],"sources":["../src/SuspenseQueries.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;AAoBA;;;;;;;;;;;;iBAAgB;;;;wBAIQ,uBAAuB;sBACzB,uBAAuB,OAAO;IACnD,kBAAA,CAAA,GAAA,CAAA"}

package/dist/SuspenseQueries.d.cts CHANGED Viewed

@@ -1,2 +1,2 @@
-import { t as SuspenseQueries } from "./SuspenseQueries-qFfeHxxp.cjs";
+import { t as SuspenseQueries } from "./SuspenseQueries-B-UR1dnn.cjs";
 export { SuspenseQueries };

package/dist/SuspenseQueries.d.mts CHANGED Viewed

@@ -1,2 +1,2 @@
-import { t as SuspenseQueries } from "./SuspenseQueries-iahkpf8N.mjs";
+import { t as SuspenseQueries } from "./SuspenseQueries-CF_WoDIW.mjs";
 export { SuspenseQueries };

package/dist/{SuspenseQuery-VjYG_b1z.d.mts → SuspenseQuery-BT6EsguP.d.cts} RENAMED Viewed

@@ -1,5 +1,5 @@
+import * as react_jsx_runtime2 from "react/jsx-runtime";
 import { QueryKey, UseSuspenseQueryOptions, UseSuspenseQueryResult } from "@tanstack/react-query";
-import * as react_jsx_runtime5 from "react/jsx-runtime";
 import { ReactNode } from "react";
 //#region src/SuspenseQuery.d.ts
@@ -25,7 +25,7 @@ declare const SuspenseQuery: <TQueryFnData = unknown, TError = unknown, TData =
   ...options
 }: UseSuspenseQueryOptions<TQueryFnData, TError, TData, TQueryKey> & {
   children: (queryResult: UseSuspenseQueryResult<TData, TError>) => ReactNode;
-}) => react_jsx_runtime5.JSX.Element;
+}) => react_jsx_runtime2.JSX.Element;
 //#endregion
 export { SuspenseQuery as t };
-//# sourceMappingURL=SuspenseQuery-VjYG_b1z.d.mts.map
+//# sourceMappingURL=SuspenseQuery-BT6EsguP.d.cts.map

package/dist/{SuspenseQuery-VjYG_b1z.d.mts.map → SuspenseQuery-BT6EsguP.d.cts.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SuspenseQuery-~~VjYG_b1z~~.d.~~mts~~","names":[],"sources":["../src/SuspenseQuery.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;AA0BA;;;;;;;;;;;;;AASoE,cATvD,aASuD,EAAA,CAAA,eAAA,OAAA,EAAA,SAAA,OAAA,EAAA,QAN1D,YAM0D,EAAA,kBALhD,QAKgD,GALrC,QAKqC,CAAA,CAAA;EAAA,QAAA;EAAA,GAAA;CAAA,EADjE,uBACiE,CADzC,YACyC,EAD3B,MAC2B,EADnB,KACmB,EADZ,SACY,CAAA,GAAA;EACnE,QAAA,EAAA,CAAA,WAAA,EADyB,sBACzB,CADgD,KAChD,EADuD,MACvD,CAAA,EAAA,GADmE,SACnE;CAA+C,EAAA,GAA/C,kBAAA,CAAA,GAAA,CAAA,OAA+C"}
1	+ {"version":3,"file":"SuspenseQuery-BT6EsguP.d.cts","names":[],"sources":["../src/SuspenseQuery.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;AA0BA;;;;;;;;;;;;;AASoE,cATvD,aASuD,EAAA,CAAA,eAAA,OAAA,EAAA,SAAA,OAAA,EAAA,QAN1D,YAM0D,EAAA,kBALhD,QAKgD,GALrC,QAKqC,CAAA,CAAA;EAAA,QAAA;EAAA,GAAA;CAAA,EADjE,uBACiE,CADzC,YACyC,EAD3B,MAC2B,EADnB,KACmB,EADZ,SACY,CAAA,GAAA;EACnE,QAAA,EAAA,CAAA,WAAA,EADyB,sBACzB,CADgD,KAChD,EADuD,MACvD,CAAA,EAAA,GADmE,SACnE;CAA+C,EAAA,GAA/C,kBAAA,CAAA,GAAA,CAAA,OAA+C"}

package/dist/{SuspenseQuery-dE_OqtUB.d.cts → SuspenseQuery-BZ20Rsoo.d.mts} RENAMED Viewed

@@ -1,5 +1,5 @@
-import * as react_jsx_runtime1 from "react/jsx-runtime";
 import { QueryKey, UseSuspenseQueryOptions, UseSuspenseQueryResult } from "@tanstack/react-query";
+import * as react_jsx_runtime7 from "react/jsx-runtime";
 import { ReactNode } from "react";
 //#region src/SuspenseQuery.d.ts
@@ -25,7 +25,7 @@ declare const SuspenseQuery: <TQueryFnData = unknown, TError = unknown, TData =
   ...options
 }: UseSuspenseQueryOptions<TQueryFnData, TError, TData, TQueryKey> & {
   children: (queryResult: UseSuspenseQueryResult<TData, TError>) => ReactNode;
-}) => react_jsx_runtime1.JSX.Element;
+}) => react_jsx_runtime7.JSX.Element;
 //#endregion
 export { SuspenseQuery as t };
-//# sourceMappingURL=SuspenseQuery-dE_OqtUB.d.cts.map
+//# sourceMappingURL=SuspenseQuery-BZ20Rsoo.d.mts.map

package/dist/{SuspenseQuery-dE_OqtUB.d.cts.map → SuspenseQuery-BZ20Rsoo.d.mts.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SuspenseQuery-~~dE_OqtUB~~.d.~~cts~~","names":[],"sources":["../src/SuspenseQuery.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;AA0BA;;;;;;;;;;;;;AASoE,cATvD,aASuD,EAAA,CAAA,eAAA,OAAA,EAAA,SAAA,OAAA,EAAA,QAN1D,YAM0D,EAAA,kBALhD,QAKgD,GALrC,QAKqC,CAAA,CAAA;EAAA,QAAA;EAAA,GAAA;CAAA,EADjE,uBACiE,CADzC,YACyC,EAD3B,MAC2B,EADnB,KACmB,EADZ,SACY,CAAA,GAAA;EACnE,QAAA,EAAA,CAAA,WAAA,EADyB,sBACzB,CADgD,KAChD,EADuD,MACvD,CAAA,EAAA,GADmE,SACnE;CAA+C,EAAA,GAA/C,kBAAA,CAAA,GAAA,CAAA,OAA+C"}
1	+ {"version":3,"file":"SuspenseQuery-BZ20Rsoo.d.mts","names":[],"sources":["../src/SuspenseQuery.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;AA0BA;;;;;;;;;;;;;AASoE,cATvD,aASuD,EAAA,CAAA,eAAA,OAAA,EAAA,SAAA,OAAA,EAAA,QAN1D,YAM0D,EAAA,kBALhD,QAKgD,GALrC,QAKqC,CAAA,CAAA;EAAA,QAAA;EAAA,GAAA;CAAA,EADjE,uBACiE,CADzC,YACyC,EAD3B,MAC2B,EADnB,KACmB,EADZ,SACY,CAAA,GAAA;EACnE,QAAA,EAAA,CAAA,WAAA,EADyB,sBACzB,CADgD,KAChD,EADuD,MACvD,CAAA,EAAA,GADmE,SACnE;CAA+C,EAAA,GAA/C,kBAAA,CAAA,GAAA,CAAA,OAA+C"}

package/dist/SuspenseQuery.d.cts CHANGED Viewed

@@ -1,2 +1,2 @@
-import { t as SuspenseQuery } from "./SuspenseQuery-dE_OqtUB.cjs";
+import { t as SuspenseQuery } from "./SuspenseQuery-BT6EsguP.cjs";
 export { SuspenseQuery };

package/dist/SuspenseQuery.d.mts CHANGED Viewed

@@ -1,2 +1,2 @@
-import { t as SuspenseQuery } from "./SuspenseQuery-VjYG_b1z.mjs";
+import { t as SuspenseQuery } from "./SuspenseQuery-BZ20Rsoo.mjs";
 export { SuspenseQuery };

package/dist/components/ClientOnly.d.cts CHANGED Viewed

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime8 from "react/jsx-runtime";
 //#region src/components/ClientOnly.d.ts
 declare const ClientOnly: ({
@@ -7,7 +7,7 @@ declare const ClientOnly: ({
 }: {
   children: React.ReactNode;
   fallback: React.ReactNode;
-}) => react_jsx_runtime0.JSX.Element;
+}) => react_jsx_runtime8.JSX.Element;
 //#endregion
 export { ClientOnly };
 //# sourceMappingURL=ClientOnly.d.cts.map

package/dist/components/ClientOnly.d.mts CHANGED Viewed

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime6 from "react/jsx-runtime";
+import * as react_jsx_runtime8 from "react/jsx-runtime";
 //#region src/components/ClientOnly.d.ts
 declare const ClientOnly: ({
@@ -7,7 +7,7 @@ declare const ClientOnly: ({
 }: {
   children: React.ReactNode;
   fallback: React.ReactNode;
-}) => react_jsx_runtime6.JSX.Element;
+}) => react_jsx_runtime8.JSX.Element;
 //#endregion
 export { ClientOnly };
 //# sourceMappingURL=ClientOnly.d.mts.map

package/dist/index.cjs CHANGED Viewed

@@ -4,7 +4,7 @@ const require_usePrefetchInfiniteQuery = require('./usePrefetchInfiniteQuery-BmZ
 const require_PrefetchInfiniteQuery = require('./PrefetchInfiniteQuery-cCSXqKVR.cjs');
 const require_usePrefetchQuery = require('./usePrefetchQuery-woiivAJc.cjs');
 const require_PrefetchQuery = require('./PrefetchQuery-0pdYNtpS.cjs');
-const require_QueriesHydration = require('./QueriesHydration-BT0rn0KQ.cjs');
+const require_QueriesHydration = require('./QueriesHydration-BARmyHJu.cjs');
 const require_QueryClientConsumer = require('./QueryClientConsumer-mF0OUwkq.cjs');
 const require_SuspenseInfiniteQuery = require('./SuspenseInfiniteQuery-Dq97Dear.cjs');
 const require_SuspenseQueries = require('./SuspenseQueries-Brk6gtMw.cjs');

package/dist/index.d.cts CHANGED Viewed

@@ -1,13 +1,13 @@
-import { t as IsFetching } from "./IsFetching-BDzr-LPo.cjs";
-import { t as Mutation } from "./Mutation-kNfR4Z34.cjs";
-import { t as PrefetchInfiniteQuery } from "./PrefetchInfiniteQuery-B176YxLR.cjs";
-import { t as PrefetchQuery } from "./PrefetchQuery-UXE0XDb0.cjs";
-import { t as QueriesHydration } from "./QueriesHydration-CZOIEBb-.cjs";
-import { t as QueryClientConsumer } from "./QueryClientConsumer-CPUb7Jr6.cjs";
+import { t as IsFetching } from "./IsFetching-CThOxeZB.cjs";
+import { t as Mutation } from "./Mutation-Dt5kUsd8.cjs";
+import { t as PrefetchInfiniteQuery } from "./PrefetchInfiniteQuery-C4FsMPPo.cjs";
+import { t as PrefetchQuery } from "./PrefetchQuery-DFwiRhmK.cjs";
+import { t as QueriesHydration } from "./QueriesHydration-99AzKj29.cjs";
+import { t as QueryClientConsumer } from "./QueryClientConsumer-BGHJsJCv.cjs";
 import { n as UseSuspenseInfiniteQueryResult, r as useSuspenseInfiniteQuery, t as UseSuspenseInfiniteQueryOptions } from "./useSuspenseInfiniteQuery-xXu-A7cX.cjs";
-import { t as SuspenseInfiniteQuery } from "./SuspenseInfiniteQuery-DdnqEVHY.cjs";
-import { t as SuspenseQueries } from "./SuspenseQueries-qFfeHxxp.cjs";
-import { t as SuspenseQuery } from "./SuspenseQuery-dE_OqtUB.cjs";
+import { t as SuspenseInfiniteQuery } from "./SuspenseInfiniteQuery-BwSKmJgm.cjs";
+import { t as SuspenseQueries } from "./SuspenseQueries-B-UR1dnn.cjs";
+import { t as SuspenseQuery } from "./SuspenseQuery-BT6EsguP.cjs";
 import { t as createGetQueryClient } from "./createGetQueryClient-iXoXO7so.cjs";
 import { n as UnSelectedInfiniteOptions, r as infiniteQueryOptions, t as SelectedInfiniteOptions } from "./infiniteQueryOptions-Be7VYTUR.cjs";
 import { n as UnSelectedQueryOptions, r as queryOptions, t as SelectedQueryOptions } from "./queryOptions-DNGHeGX5.cjs";

package/dist/index.d.mts CHANGED Viewed

@@ -1,13 +1,13 @@
 import { t as IsFetching } from "./IsFetching-D3xmE2Kn.mjs";
 import { t as Mutation } from "./Mutation-CGpbCg54.mjs";
 import { t as PrefetchInfiniteQuery } from "./PrefetchInfiniteQuery-Dzjm5lf8.mjs";
-import { t as PrefetchQuery } from "./PrefetchQuery-DfCIfLWZ.mjs";
-import { t as QueriesHydration } from "./QueriesHydration-Bl02gjbZ.mjs";
-import { t as QueryClientConsumer } from "./QueryClientConsumer-DJo29zBV.mjs";
+import { t as PrefetchQuery } from "./PrefetchQuery-DAqAWOeP.mjs";
+import { t as QueriesHydration } from "./QueriesHydration-M2zoVGgJ.mjs";
+import { t as QueryClientConsumer } from "./QueryClientConsumer-BW1kmzJX.mjs";
 import { n as UseSuspenseInfiniteQueryResult, r as useSuspenseInfiniteQuery, t as UseSuspenseInfiniteQueryOptions } from "./useSuspenseInfiniteQuery-Bh0nh8Kc.mjs";
-import { t as SuspenseInfiniteQuery } from "./SuspenseInfiniteQuery-BeKUK5uX.mjs";
-import { t as SuspenseQueries } from "./SuspenseQueries-iahkpf8N.mjs";
-import { t as SuspenseQuery } from "./SuspenseQuery-VjYG_b1z.mjs";
+import { t as SuspenseInfiniteQuery } from "./SuspenseInfiniteQuery-B6hHnPDQ.mjs";
+import { t as SuspenseQueries } from "./SuspenseQueries-CF_WoDIW.mjs";
+import { t as SuspenseQuery } from "./SuspenseQuery-BZ20Rsoo.mjs";
 import { t as createGetQueryClient } from "./createGetQueryClient-DTKVVwpJ.mjs";
 import { n as UnSelectedInfiniteOptions, r as infiniteQueryOptions, t as SelectedInfiniteOptions } from "./infiniteQueryOptions-Bpz4mFYH.mjs";
 import { n as UnSelectedQueryOptions, r as queryOptions, t as SelectedQueryOptions } from "./queryOptions-DILe-4vk.mjs";

package/dist/index.mjs CHANGED Viewed

@@ -4,7 +4,7 @@ import { t as usePrefetchInfiniteQuery } from "./usePrefetchInfiniteQuery-CQSN-P
 import { t as PrefetchInfiniteQuery } from "./PrefetchInfiniteQuery-RS3Qz-7B.mjs";
 import { t as usePrefetchQuery } from "./usePrefetchQuery-CtrJciA6.mjs";
 import { t as PrefetchQuery } from "./PrefetchQuery-uh4idoXK.mjs";
-import { t as QueriesHydration } from "./QueriesHydration-BvU3699s.mjs";
+import { t as QueriesHydration } from "./QueriesHydration-BrMSJHsz.mjs";
 import { t as QueryClientConsumer } from "./QueryClientConsumer-e7PyaFF3.mjs";
 import { t as SuspenseInfiniteQuery } from "./SuspenseInfiniteQuery-DwW5I_M2.mjs";
 import { t as SuspenseQueries } from "./SuspenseQueries-C0mF_XD_.mjs";

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@suspensive/react-query-4",
-  "version": "3.17.2",
+  "version": "3.18.0",
   "description": "Suspensive interfaces for @tanstack/react-query@4",
   "keywords": [
     "suspensive",

package/src/QueriesHydration.spec.tsx CHANGED Viewed

@@ -1,4 +1,4 @@
-import { QueryClient, dehydrate } from '@tanstack/react-query'
+import { QueryClient, dehydrate, infiniteQueryOptions } from '@tanstack/react-query'
 import { render, screen } from '@testing-library/react'
 import type { ComponentProps, ReactNode } from 'react'
 import { describe, expect, it, vi } from 'vitest'
@@ -254,4 +254,101 @@ describe('<QueriesHydration/>', () => {
     expect(dehydratedState.queries[0].queryKey).toEqual(['test-query'])
     expect(dehydratedState.queries[0].state.data).toEqual(mockData)
   })
+  it('should fetch infiniteQueryOptions and hydrate them successfully', async () => {
+    const queryClient = new QueryClient()
+    const mockInfiniteQueryFn = vi.fn().mockResolvedValue({ data: 'page-1' })
+    const infiniteOptions = infiniteQueryOptions({
+      queryKey: ['infinite-query'],
+      queryFn: mockInfiniteQueryFn,
+      getNextPageParam: () => null,
+    })
+    const result = await QueriesHydration({
+      queries: [infiniteOptions],
+      queryClient,
+      children: <div>Test Children</div>,
+    })
+    expect(mockInfiniteQueryFn).toHaveBeenCalledTimes(1)
+    expect(result).toBeDefined()
+    expect(result.type).toBeDefined()
+  })
+  it('should handle mixed queries and infiniteQueryOptions', async () => {
+    const queryClient = new QueryClient()
+    const mockQueryFn = vi.fn().mockResolvedValue({ data: 'regular-data' })
+    const mockInfiniteQueryFn = vi.fn().mockResolvedValue({ data: 'infinite-data' })
+    const queries = [
+      {
+        queryKey: ['regular-query'],
+        queryFn: mockQueryFn,
+      },
+      infiniteQueryOptions({
+        queryKey: ['infinite-query'],
+        queryFn: mockInfiniteQueryFn,
+        getNextPageParam: () => null,
+      }),
+    ]
+    const result = await QueriesHydration({
+      queries,
+      queryClient,
+      children: <div>Test Children</div>,
+    })
+    expect(mockQueryFn).toHaveBeenCalledTimes(1)
+    expect(mockInfiniteQueryFn).toHaveBeenCalledTimes(1)
+    expect(result).toBeDefined()
+  })
+  it('should skip SSR when infiniteQueryOptions fails and skipSsrOnError is true', async () => {
+    const queryClient = new QueryClient()
+    const mockInfiniteQueryFn = vi.fn().mockRejectedValue(new Error('Infinite query failed'))
+    const infiniteOptions = infiniteQueryOptions({
+      queryKey: ['failing-infinite-query'],
+      queryFn: mockInfiniteQueryFn,
+      getNextPageParam: () => null,
+    })
+    const result = await QueriesHydration({
+      queries: [infiniteOptions],
+      queryClient,
+      children: <div>Test Children</div>,
+    })
+    expect(mockInfiniteQueryFn).toHaveBeenCalledTimes(1)
+    render(result as React.ReactElement)
+    expect(screen.getByTestId('client-only')).toBeInTheDocument()
+  })
+  it('should dehydrate infiniteQueryOptions state correctly', async () => {
+    const queryClient = new QueryClient()
+    const mockInfiniteQueryFn = vi.fn().mockResolvedValue({ data: 'page-1' })
+    const infiniteOptions = infiniteQueryOptions({
+      queryKey: ['infinite-query'],
+      queryFn: mockInfiniteQueryFn,
+      getNextPageParam: () => null,
+    })
+    await QueriesHydration({
+      queries: [infiniteOptions],
+      queryClient,
+      children: <div>Test Children</div>,
+    })
+    const dehydratedState = dehydrate(queryClient)
+    expect(dehydratedState.queries).toHaveLength(1)
+    expect(dehydratedState.queries[0].queryKey).toEqual(['infinite-query'])
+    expect(dehydratedState.queries[0].state.data).toEqual({
+      pages: [{ data: 'page-1' }],
+      pageParams: [undefined],
+    })
+  })
 })

package/src/QueriesHydration.test-d.tsx CHANGED Viewed

@@ -1,4 +1,4 @@
-import { QueryClient, queryOptions } from '@tanstack/react-query'
+import { QueryClient, infiniteQueryOptions, queryOptions } from '@tanstack/react-query'
 import { describe, expectTypeOf, it } from 'vitest'
 import { QueriesHydration } from './QueriesHydration'
 import { queryFn, queryKey } from './test-utils'
@@ -17,12 +17,7 @@ describe('<QueriesHydration/>', () => {
     // Should accept queries array with queryKey
     void (async () =>
       await QueriesHydration({
-        queries: [
-          {
-            queryKey: queryKey,
-            queryFn: queryFn,
-          },
-        ],
+        queries: [{ queryKey, queryFn }],
         children: <></>,
       }))()
@@ -65,6 +60,25 @@ describe('<QueriesHydration/>', () => {
         children: <></>,
       }))()
+    // Should accept infiniteQueryOptions
+    const infiniteOptions = infiniteQueryOptions({
+      queryKey: ['infinite'],
+      queryFn: queryFn,
+      getNextPageParam: () => null,
+    })
+    void (async () =>
+      await QueriesHydration({
+        queries: [infiniteOptions],
+        children: <></>,
+      }))()
+    // Should accept mixed queries and infiniteQueryOptions
+    void (async () =>
+      await QueriesHydration({
+        queries: [options1, infiniteOptions],
+        children: <></>,
+      }))()
     // Return type should be JSX.Element (Promise<JSX.Element>)
     expectTypeOf(
       QueriesHydration({

package/src/QueriesHydration.tsx CHANGED Viewed

@@ -4,6 +4,7 @@ import {
   type OmitKeyof,
   QueryClient,
   type QueryOptions,
+  type UseInfiniteQueryOptions,
   type WithRequired,
   dehydrate,
 } from '@tanstack/react-query'
@@ -86,9 +87,13 @@ export async function QueriesHydration({
    */
   queryClient?: QueryClient
   /**
-   * An array of query options to be fetched on the server. Each query must include a `queryKey`.
+   * An array of query options or infinite query options to be fetched on the server. Each query must include a `queryKey`.
+   * You can mix regular queries and infinite queries in the same array.
    */
-  queries: WithRequired<QueryOptions<any, any, any, any>, 'queryKey'>[]
+  queries: (
+    | WithRequired<QueryOptions<any, any, any, any>, 'queryKey'>
+    | WithRequired<UseInfiniteQueryOptions<any, any, any, any, any>, 'queryKey'>
+  )[]
   /**
    * Controls error handling behavior:
    * - `true` (default): Skips SSR and falls back to client-side rendering when server fetch fails
@@ -102,7 +107,11 @@ export async function QueriesHydration({
       }
 } & OmitKeyof<HydrateProps, 'state'>) {
   try {
-    await Promise.all(queries.map((query) => queryClient.ensureQueryData(query)))
+    await Promise.all(
+      queries.map((query) =>
+        'getNextPageParam' in query ? queryClient.fetchInfiniteQuery(query) : queryClient.fetchQuery(query)
+      )
+    )
   } catch {
     if (skipSsrOnError) {
       return (

package/dist/QueriesHydration-BT0rn0KQ.cjs.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"QueriesHydration-BT0rn0KQ.cjs","names":["QueryClient","ClientOnly","Hydrate"],"sources":["../src/QueriesHydration.tsx"],"sourcesContent":["import {\n Hydrate,\n type HydrateProps,\n type OmitKeyof,\n QueryClient,\n type QueryOptions,\n type WithRequired,\n dehydrate,\n} from '@tanstack/react-query'\nimport type { ReactNode } from 'react'\nimport { ClientOnly } from './components/ClientOnly'\n\n/**\n * A server component that fetches multiple queries on the server and hydrates them to the client.\n *\n * @experimental This component is experimental and may be changed or removed in the future.\n *\n * @description\n * QueriesHydration is designed for React Server Components (RSC).\n * It pre-fetches multiple queries on the server side and automatically hydrates\n * the data to the client, enabling seamless data synchronization between server and client.\n *\n * When errors occur during server-side fetching, the component gracefully falls back\n * to client-side rendering, ensuring your application remains resilient.\n *\n * @example\n * ```tsx\n * // app/page.tsx (Server Component)\n * import { Suspense } from 'react'\n * import { QueriesHydration } from '@suspensive/react-query'\n * import { queryOptions } from '@tanstack/react-query'\n *\n * const userQueryOptions = (userId: string) => queryOptions({\n * queryKey: ['user', userId],\n * queryFn: () => fetchUser(userId)\n * })\n *\n * const postsQueryOptions = () => queryOptions({\n * queryKey: ['posts'],\n * queryFn: () => fetchPosts()\n * })\n *\n * export default function Page({ userId }: { userId: string }) {\n * return (\n * <>\n * <Suspense fallback={<div>Loading user...</div>}>\n * <QueriesHydration queries={[userQueryOptions(userId)]}>\n * <UserProfile />\n * </QueriesHydration>\n * </Suspense>\n *\n * <Suspense fallback={<div>Loading posts...</div>}>\n * <QueriesHydration queries={[postsQueryOptions()]}>\n * <PostsList />\n * </QueriesHydration>\n * </Suspense>\n * </>\n * )\n * }\n * ```\n *\n * @example\n * ```tsx\n * // With custom error fallback\n * <Suspense fallback={<div>Loading user...</div>}>\n * <QueriesHydration\n * queries={[userQueryOptions(userId)]}\n * skipSsrOnError={{ fallback: <div>Fetching on client...</div> }}\n * >\n * <UserProfile />\n * </QueriesHydration>\n * </Suspense>\n * ```\n *\n * @see {@link https://suspensive.org/docs/react-query/QueriesHydration Documentation}\n */\nexport async function QueriesHydration({\n queries,\n children,\n queryClient = new QueryClient(),\n skipSsrOnError = true,\n ...props\n}: {\n /**\n * The QueryClient instance to use for fetching queries.\n */\n queryClient?: QueryClient\n /**\n * An array of query options to be fetched on the server. Each query must include a `queryKey`.\n */\n queries: WithRequired<QueryOptions<any, any, any, any>, 'queryKey'>[]\n /**\n * Controls error handling behavior:\n * - `true` (default): Skips SSR and falls back to client-side rendering when server fetch fails\n * - `false`: Proceeds with SSR without hydration (retry fetching on client component server rendering)\n * - `{ fallback: ReactNode }`: Skips SSR with custom fallback UI during client-side rendering\n */\n skipSsrOnError?:\n | boolean\n | {\n fallback: ReactNode\n }\n} & OmitKeyof<HydrateProps, 'state'>) {\n try {\n await Promise.all(queries.map((query) => queryClient.ensureQueryData(query)))\n } catch {\n if (skipSsrOnError) {\n return (\n <ClientOnly fallback={skipSsrOnError === true ? undefined : skipSsrOnError.fallback}>{children}</ClientOnly>\n )\n }\n }\n return (\n <Hydrate {...props} state={dehydrate(queryClient)}>\n {children}\n </Hydrate>\n )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6EE;CACA;CACA;CACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAJF,SAAsB,iBAAiB;;;;wDA0BD;MA1BC,EACrC,SACA,UACA,cAAc,IAAIA,oCAAa,EAC/B,iBAAiB,eACd;AAsBH,MAAI;AACF,SAAM,QAAQ,IAAI,QAAQ,KAAK,UAAU,YAAY,gBAAgB,MAAM,CAAC,CAAC;oBACvE;AACN,OAAI,eACF,QACE,2CAACC;IAAW,UAAU,mBAAmB,OAAO,SAAY,eAAe;IAAW;KAAsB;;AAIlH,SACE,2CAACC,8GAAY;GAAO,6CAAiB,YAAY;GAC9C;KACO"}

package/dist/QueriesHydration-Bl02gjbZ.d.mts.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"version":3,"file":"QueriesHydration-Bl02gjbZ.d.mts","names":[],"sources":["../src/QueriesHydration.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;AA4EA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAAsB,gBAAA;;;;;;;;;;gBAUN;;;;WAIL,aAAa;;;;;;;;cAUN;;IAEd,UAAU,yBAAsB,QAAA,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/QueriesHydration-BvU3699s.mjs.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"QueriesHydration-BvU3699s.mjs","names":[],"sources":["../src/QueriesHydration.tsx"],"sourcesContent":["import {\n Hydrate,\n type HydrateProps,\n type OmitKeyof,\n QueryClient,\n type QueryOptions,\n type WithRequired,\n dehydrate,\n} from '@tanstack/react-query'\nimport type { ReactNode } from 'react'\nimport { ClientOnly } from './components/ClientOnly'\n\n/**\n * A server component that fetches multiple queries on the server and hydrates them to the client.\n *\n * @experimental This component is experimental and may be changed or removed in the future.\n *\n * @description\n * QueriesHydration is designed for React Server Components (RSC).\n * It pre-fetches multiple queries on the server side and automatically hydrates\n * the data to the client, enabling seamless data synchronization between server and client.\n *\n * When errors occur during server-side fetching, the component gracefully falls back\n * to client-side rendering, ensuring your application remains resilient.\n *\n * @example\n * ```tsx\n * // app/page.tsx (Server Component)\n * import { Suspense } from 'react'\n * import { QueriesHydration } from '@suspensive/react-query'\n * import { queryOptions } from '@tanstack/react-query'\n *\n * const userQueryOptions = (userId: string) => queryOptions({\n * queryKey: ['user', userId],\n * queryFn: () => fetchUser(userId)\n * })\n *\n * const postsQueryOptions = () => queryOptions({\n * queryKey: ['posts'],\n * queryFn: () => fetchPosts()\n * })\n *\n * export default function Page({ userId }: { userId: string }) {\n * return (\n * <>\n * <Suspense fallback={<div>Loading user...</div>}>\n * <QueriesHydration queries={[userQueryOptions(userId)]}>\n * <UserProfile />\n * </QueriesHydration>\n * </Suspense>\n *\n * <Suspense fallback={<div>Loading posts...</div>}>\n * <QueriesHydration queries={[postsQueryOptions()]}>\n * <PostsList />\n * </QueriesHydration>\n * </Suspense>\n * </>\n * )\n * }\n * ```\n *\n * @example\n * ```tsx\n * // With custom error fallback\n * <Suspense fallback={<div>Loading user...</div>}>\n * <QueriesHydration\n * queries={[userQueryOptions(userId)]}\n * skipSsrOnError={{ fallback: <div>Fetching on client...</div> }}\n * >\n * <UserProfile />\n * </QueriesHydration>\n * </Suspense>\n * ```\n *\n * @see {@link https://suspensive.org/docs/react-query/QueriesHydration Documentation}\n */\nexport async function QueriesHydration({\n queries,\n children,\n queryClient = new QueryClient(),\n skipSsrOnError = true,\n ...props\n}: {\n /**\n * The QueryClient instance to use for fetching queries.\n */\n queryClient?: QueryClient\n /**\n * An array of query options to be fetched on the server. Each query must include a `queryKey`.\n */\n queries: WithRequired<QueryOptions<any, any, any, any>, 'queryKey'>[]\n /**\n * Controls error handling behavior:\n * - `true` (default): Skips SSR and falls back to client-side rendering when server fetch fails\n * - `false`: Proceeds with SSR without hydration (retry fetching on client component server rendering)\n * - `{ fallback: ReactNode }`: Skips SSR with custom fallback UI during client-side rendering\n */\n skipSsrOnError?:\n | boolean\n | {\n fallback: ReactNode\n }\n} & OmitKeyof<HydrateProps, 'state'>) {\n try {\n await Promise.all(queries.map((query) => queryClient.ensureQueryData(query)))\n } catch {\n if (skipSsrOnError) {\n return (\n <ClientOnly fallback={skipSsrOnError === true ? undefined : skipSsrOnError.fallback}>{children}</ClientOnly>\n )\n }\n }\n return (\n <Hydrate {...props} state={dehydrate(queryClient)}>\n {children}\n </Hydrate>\n )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6EE;CACA;CACA;CACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAJF,SAAsB,iBAAiB;;;;wDA0BD;MA1BC,EACrC,SACA,UACA,cAAc,IAAI,aAAa,EAC/B,iBAAiB,eACd;AAsBH,MAAI;AACF,SAAM,QAAQ,IAAI,QAAQ,KAAK,UAAU,YAAY,gBAAgB,MAAM,CAAC,CAAC;oBACvE;AACN,OAAI,eACF,QACE,oBAAC;IAAW,UAAU,mBAAmB,OAAO,SAAY,eAAe;IAAW;KAAsB;;AAIlH,SACE,oBAAC,2CAAY;GAAO,OAAO,UAAU,YAAY;GAC9C;KACO"}

package/dist/QueriesHydration-CZOIEBb-.d.cts.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"version":3,"file":"QueriesHydration-CZOIEBb-.d.cts","names":[],"sources":["../src/QueriesHydration.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;AA4EA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAAsB,gBAAA;;;;;;;;;;gBAUN;;;;WAIL,aAAa;;;;;;;;cAUN;;IAEd,UAAU,yBAAsB,QAAA,kBAAA,CAAA,GAAA,CAAA,OAAA"}