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

Suspensive interfaces for @tanstack/react-query@4

'use client';

import { _objectWithoutProperties } from "./_virtual/_@oxc-project_runtime@0.130.0/helpers/objectWithoutProperties.mjs";
import { useSuspenseInfiniteQuery } from "@tanstack/react-query";
import { Fragment, jsx } from "react/jsx-runtime";

//#region src/SuspenseInfiniteQuery.tsx
const _excluded = ["children"];
/**
* We provide these components to clearly express what causes suspense at the same depth.
* `<SuspenseInfiniteQuery/>` serves to make `useSuspenseInfiniteQuery` easier to use in jsx.
* @see {@link https://suspensive.org/docs/react-query/SuspenseInfiniteQuery Suspensive Docs}
* @example
* ```tsx
* import { SuspenseInfiniteQuery } from '@suspensive/react-query'
*
* // You can use infiniteQueryOptions as props.
* <SuspenseInfiniteQuery {...infiniteQueryOptions()}>
*   {({ data, fetchNextPage }) => {
*     return <></>
*   }}
* </SuspenseInfiniteQuery>
* ```
*/
const SuspenseInfiniteQuery = (_ref) => {
	let { children } = _ref;
	return /* @__PURE__ */ jsx(Fragment, { children: children(useSuspenseInfiniteQuery(_objectWithoutProperties(_ref, _excluded))) });
};

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