@suspensive/react-query-4
Version:
Suspensive interfaces for @tanstack/react-query@4
33 lines (30 loc) • 1.4 kB
JavaScript
'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