UNPKG

@suspensive/react-query-4

Version:

Suspensive interfaces for @tanstack/react-query@4

33 lines (30 loc) 1.4 kB
'use client'; Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); const require_objectWithoutProperties = require('./_virtual/_@oxc-project_runtime@0.130.0/helpers/objectWithoutProperties.cjs'); let _tanstack_react_query = require("@tanstack/react-query"); let react_jsx_runtime = require("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__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: children((0, _tanstack_react_query.useSuspenseInfiniteQuery)(require_objectWithoutProperties._objectWithoutProperties(_ref, _excluded))) }); }; //#endregion exports.SuspenseInfiniteQuery = SuspenseInfiniteQuery; //# sourceMappingURL=SuspenseInfiniteQuery.cjs.map