@suspensive/react-query-4/dist/SuspenseQueries.mjs

Suspensive interfaces for @tanstack/react-query@4

'use client';

import { useSuspenseQueries } from "@tanstack/react-query";
import { Fragment, jsx } from "react/jsx-runtime";

//#region src/SuspenseQueries.tsx
/**
* We provide these components to clearly express what causes suspense at the same depth.
* `<SuspenseQueries/>` serves to make `useSuspenseQueries` easier to use in jsx.
* @see {@link https://suspensive.org/docs/react-query/SuspenseQueries Suspensive Docs}
* @example
* ```tsx
* import { SuspenseQueries } from '@suspensive/react-query'
*
* <SuspenseQueries queries={[firstQueryOptions(), secondQueryOptions()]}>
*   {([{ data: firstQueryData }, { data: secondQueryData }]) => {
*     return <></>
*   }}
* </SuspenseQueries>
* ```
*/
function SuspenseQueries({ children, queries }) {
	return /* @__PURE__ */ jsx(Fragment, { children: children(useSuspenseQueries({ queries })) });
}

//#endregion
export { SuspenseQueries };
//# sourceMappingURL=SuspenseQueries.mjs.map