@suspensive/react-query-4/dist/SuspenseQuery.cjs

Suspensive interfaces for @tanstack/react-query@4

'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/SuspenseQuery.tsx
const _excluded = ["children"];
/**
* We provide these components to clearly express what causes suspense at the same depth.
* `<SuspenseQuery/>` serves to make `useSuspenseQuery` easier to use in jsx.
* @see {@link https://suspensive.org/docs/react-query/SuspenseQuery Suspensive Docs}
* @example
* ```tsx
* import { SuspenseQuery } from '@suspensive/react-query'
*
* // You can use QueryOptions as props.
* <SuspenseQuery {...queryOptions()}>
*   {({ data, isLoading }) => {
*     return <></>
*   }
* </SuspenseQuery>
* ```
*/
const SuspenseQuery = (_ref) => {
	let { children } = _ref;
	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: children((0, _tanstack_react_query.useSuspenseQuery)(require_objectWithoutProperties._objectWithoutProperties(_ref, _excluded))) });
};

//#endregion
exports.SuspenseQuery = SuspenseQuery;
//# sourceMappingURL=SuspenseQuery.cjs.map