@suspensive/react-query-5/dist/SuspenseQueries.d.mts

Suspensive interfaces for @tanstack/react-query@5

import { SuspenseQueriesOptions, SuspenseQueriesResults } from "@tanstack/react-query";
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
import { ReactNode } from "react";

//#region src/SuspenseQueries.d.ts
/**
 * 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>
 * ```
 */
declare function SuspenseQueries<T extends any[], TCombinedResult = SuspenseQueriesResults<T>>({
  children,
  queries,
  combine
}: {
  queries: readonly [...SuspenseQueriesOptions<T>];
  children: (queries: TCombinedResult) => ReactNode;
  combine?: (result: SuspenseQueriesResults<T>) => TCombinedResult;
}): _$react_jsx_runtime0.JSX.Element;
//#endregion
export { SuspenseQueries };
//# sourceMappingURL=SuspenseQueries.d.mts.map