@suspensive/react-query-4 2.18.3 → 2.18.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/QueryErrorBoundary.tsx"],"sourcesContent":["import { ErrorBoundary } from '@suspensive/react'\nimport { useQueryErrorResetBoundary } from '@tanstack/react-query'\nimport { type ComponentPropsWithoutRef, type ComponentRef, forwardRef } from 'react'\n\n/**\n * This component wrapping QueryErrorResetBoundary of `@tanstack/react-query` with `@suspensive/react`'s ErrorBoundary. So you must install `@suspensive/react` first, then use it. with this component, You don't have to make unnecessary repetitive implementation to combine ErrorBoundary with QueryErrorResetBoundary\n * @see {@link https://suspensive.org/en/docs/react-query/QueryErrorBoundary Suspensive Docs}\n * @example\n * ```tsx\n * <QueryErrorBoundary\n * fallback={({ reset, error }) => <></>)}\n * >\n * <ChildrenComponent />\n * </QueryErrorBoundary>\n * ```\n */\nexport const QueryErrorBoundary = forwardRef<\n ComponentRef<typeof ErrorBoundary>,\n ComponentPropsWithoutRef<typeof ErrorBoundary>\n>(({ onReset, ...props }, resetRef) => {\n const { reset } = useQueryErrorResetBoundary()\n return (\n <ErrorBoundary\n {...props}\n onReset={() => {\n onReset?.()\n reset()\n }}\n ref={resetRef}\n />\n )\n})\nif (process.env.NODE_ENV === 'development') {\n QueryErrorBoundary.displayName = 'QueryErrorBoundary'\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA8B;AAC9B,yBAA2C;AAC3C,IAAAA,gBAA6E;AAoBzE;AANG,IAAM,yBAAqB,0BAGhC,CAAC,IAAuB,aAAa;AAApC,eAAE,UAnBL,IAmBG,IAAc,kBAAd,IAAc,CAAZ;AACH,QAAM,EAAE,MAAM,QAAI,+CAA2B;AAC7C,SACE;AAAA,IAAC;AAAA,qCACK,QADL;AAAA,MAEC,SAAS,MAAM;AACb;AACA,cAAM;AAAA,MACR;AAAA,MACA,KAAK;AAAA;AAAA,EACP;AAEJ,CAAC;AACD,IAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,qBAAmB,cAAc;AACnC;","names":["import_react"]}
1
+ {"version":3,"sources":["../src/QueryErrorBoundary.tsx"],"sourcesContent":["import { ErrorBoundary } from '@suspensive/react'\nimport { useQueryErrorResetBoundary } from '@tanstack/react-query'\nimport { type ComponentPropsWithoutRef, type ComponentRef, forwardRef } from 'react'\n\n/**\n * This component wrapping QueryErrorResetBoundary of `@tanstack/react-query` with `@suspensive/react`'s ErrorBoundary. So you must install `@suspensive/react` first, then use it. with this component, You don't have to make unnecessary repetitive implementation to combine ErrorBoundary with QueryErrorResetBoundary\n * @deprecated this interface will be removed in the next major version. Please make this component yourself by combining ErrorBoundary of `@suspensive/react` and useQueryErrorResetBoundary of `@tanstack/react-query`\n * @example\n * ```tsx\n * <QueryErrorBoundary\n * fallback={({ reset, error }) => <></>)}\n * >\n * <ChildrenComponent />\n * </QueryErrorBoundary>\n * ```\n */\nexport const QueryErrorBoundary = forwardRef<\n ComponentRef<typeof ErrorBoundary>,\n ComponentPropsWithoutRef<typeof ErrorBoundary>\n>(({ onReset, ...props }, resetRef) => {\n const { reset } = useQueryErrorResetBoundary()\n return (\n <ErrorBoundary\n {...props}\n onReset={() => {\n onReset?.()\n reset()\n }}\n ref={resetRef}\n />\n )\n})\nif (process.env.NODE_ENV === 'development') {\n // eslint-disable-next-line @typescript-eslint/no-deprecated\n QueryErrorBoundary.displayName = 'QueryErrorBoundary'\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA8B;AAC9B,yBAA2C;AAC3C,IAAAA,gBAA6E;AAoBzE;AANG,IAAM,yBAAqB,0BAGhC,CAAC,IAAuB,aAAa;AAApC,eAAE,UAnBL,IAmBG,IAAc,kBAAd,IAAc,CAAZ;AACH,QAAM,EAAE,MAAM,QAAI,+CAA2B;AAC7C,SACE;AAAA,IAAC;AAAA,qCACK,QADL;AAAA,MAEC,SAAS,MAAM;AACb;AACA,cAAM;AAAA,MACR;AAAA,MACA,KAAK;AAAA;AAAA,EACP;AAEJ,CAAC;AACD,IAAI,QAAQ,IAAI,aAAa,eAAe;AAE1C,qBAAmB,cAAc;AACnC;","names":["import_react"]}
@@ -3,7 +3,7 @@ import * as react from 'react';
3
3
 
4
4
  /**
5
5
  * This component wrapping QueryErrorResetBoundary of `@tanstack/react-query` with `@suspensive/react`'s ErrorBoundary. So you must install `@suspensive/react` first, then use it. with this component, You don't have to make unnecessary repetitive implementation to combine ErrorBoundary with QueryErrorResetBoundary
6
- * @see {@link https://suspensive.org/en/docs/react-query/QueryErrorBoundary Suspensive Docs}
6
+ * @deprecated this interface will be removed in the next major version. Please make this component yourself by combining ErrorBoundary of `@suspensive/react` and useQueryErrorResetBoundary of `@tanstack/react-query`
7
7
  * @example
8
8
  * ```tsx
9
9
  * <QueryErrorBoundary
@@ -3,7 +3,7 @@ import * as react from 'react';
3
3
 
4
4
  /**
5
5
  * This component wrapping QueryErrorResetBoundary of `@tanstack/react-query` with `@suspensive/react`'s ErrorBoundary. So you must install `@suspensive/react` first, then use it. with this component, You don't have to make unnecessary repetitive implementation to combine ErrorBoundary with QueryErrorResetBoundary
6
- * @see {@link https://suspensive.org/en/docs/react-query/QueryErrorBoundary Suspensive Docs}
6
+ * @deprecated this interface will be removed in the next major version. Please make this component yourself by combining ErrorBoundary of `@suspensive/react` and useQueryErrorResetBoundary of `@tanstack/react-query`
7
7
  * @example
8
8
  * ```tsx
9
9
  * <QueryErrorBoundary
@@ -1,7 +1,7 @@
1
1
  "use client"
2
2
  import {
3
3
  QueryErrorBoundary
4
- } from "./chunk-AT3YTYWU.js";
4
+ } from "./chunk-RG2XOADV.js";
5
5
  import "./chunk-QETBZSG5.js";
6
6
  export {
7
7
  QueryErrorBoundary
@@ -31,4 +31,4 @@ if (process.env.NODE_ENV === "development") {
31
31
  export {
32
32
  QueryErrorBoundary
33
33
  };
34
- //# sourceMappingURL=chunk-AT3YTYWU.js.map
34
+ //# sourceMappingURL=chunk-RG2XOADV.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/QueryErrorBoundary.tsx"],"sourcesContent":["import { ErrorBoundary } from '@suspensive/react'\nimport { useQueryErrorResetBoundary } from '@tanstack/react-query'\nimport { type ComponentPropsWithoutRef, type ComponentRef, forwardRef } from 'react'\n\n/**\n * This component wrapping QueryErrorResetBoundary of `@tanstack/react-query` with `@suspensive/react`'s ErrorBoundary. So you must install `@suspensive/react` first, then use it. with this component, You don't have to make unnecessary repetitive implementation to combine ErrorBoundary with QueryErrorResetBoundary\n * @deprecated this interface will be removed in the next major version. Please make this component yourself by combining ErrorBoundary of `@suspensive/react` and useQueryErrorResetBoundary of `@tanstack/react-query`\n * @example\n * ```tsx\n * <QueryErrorBoundary\n * fallback={({ reset, error }) => <></>)}\n * >\n * <ChildrenComponent />\n * </QueryErrorBoundary>\n * ```\n */\nexport const QueryErrorBoundary = forwardRef<\n ComponentRef<typeof ErrorBoundary>,\n ComponentPropsWithoutRef<typeof ErrorBoundary>\n>(({ onReset, ...props }, resetRef) => {\n const { reset } = useQueryErrorResetBoundary()\n return (\n <ErrorBoundary\n {...props}\n onReset={() => {\n onReset?.()\n reset()\n }}\n ref={resetRef}\n />\n )\n})\nif (process.env.NODE_ENV === 'development') {\n // eslint-disable-next-line @typescript-eslint/no-deprecated\n QueryErrorBoundary.displayName = 'QueryErrorBoundary'\n}\n"],"mappings":";;;;;;;;AAAA,SAAS,qBAAqB;AAC9B,SAAS,kCAAkC;AAC3C,SAA2D,kBAAkB;AAoBzE;AANG,IAAM,qBAAqB,WAGhC,CAAC,IAAuB,aAAa;AAApC,eAAE,UAnBL,IAmBG,IAAc,kBAAd,IAAc,CAAZ;AACH,QAAM,EAAE,MAAM,IAAI,2BAA2B;AAC7C,SACE;AAAA,IAAC;AAAA,qCACK,QADL;AAAA,MAEC,SAAS,MAAM;AACb;AACA,cAAM;AAAA,MACR;AAAA,MACA,KAAK;AAAA;AAAA,EACP;AAEJ,CAAC;AACD,IAAI,QAAQ,IAAI,aAAa,eAAe;AAE1C,qBAAmB,cAAc;AACnC;","names":[]}
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/index.ts","../src/queryOptions.ts","../src/infiniteQueryOptions.ts","../src/useSuspenseQuery.ts","../src/useSuspenseQueries.ts","../src/useSuspenseInfiniteQuery.ts","../src/usePrefetchQuery.ts","../src/usePrefetchInfiniteQuery.ts","../src/SuspenseQuery.tsx","../src/SuspenseQueries.tsx","../src/SuspenseInfiniteQuery.tsx","../src/PrefetchQuery.tsx","../src/PrefetchInfiniteQuery.tsx","../src/Mutation.tsx","../src/QueryClientConsumer.tsx","../src/QueryErrorBoundary.tsx"],"sourcesContent":["export { queryOptions } from './queryOptions'\nexport type { SelectedQueryOptions, UnSelectedQueryOptions } from './queryOptions'\nexport { infiniteQueryOptions } from './infiniteQueryOptions'\nexport type { SelectedInfiniteOptions, UnSelectedInfiniteOptions } from './infiniteQueryOptions'\nexport { useSuspenseQuery } from './useSuspenseQuery'\nexport type { UseSuspenseQueryOptions, UseSuspenseQueryResult } from './useSuspenseQuery'\nexport { useSuspenseQueries } from './useSuspenseQueries'\nexport type { SuspenseQueriesOptions, SuspenseQueriesResults } from './useSuspenseQueries'\nexport { useSuspenseInfiniteQuery } from './useSuspenseInfiniteQuery'\nexport type { UseSuspenseInfiniteQueryOptions, UseSuspenseInfiniteQueryResult } from './useSuspenseInfiniteQuery'\nexport { usePrefetchQuery } from './usePrefetchQuery'\nexport { usePrefetchInfiniteQuery } from './usePrefetchInfiniteQuery'\n\nexport { SuspenseQuery } from './SuspenseQuery'\nexport { SuspenseQueries } from './SuspenseQueries'\nexport { SuspenseInfiniteQuery } from './SuspenseInfiniteQuery'\nexport { PrefetchQuery } from './PrefetchQuery'\nexport { PrefetchInfiniteQuery } from './PrefetchInfiniteQuery'\nexport { Mutation } from './Mutation'\nexport { QueryClientConsumer } from './QueryClientConsumer'\nexport { QueryErrorBoundary } from './QueryErrorBoundary'\n","import type { QueryKey, UseQueryOptions } from '@tanstack/react-query'\nimport type { OmitKeyof, RequiredKeyof } from './utility-types'\n\nexport type SelectedQueryOptions<\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n> = RequiredKeyof<\n OmitKeyof<\n UseQueryOptions<TQueryFnData, TError, TData, TQueryKey>,\n | 'getNextPageParam'\n | 'getPreviousPageParam'\n | 'queryKeyHashFn'\n | '_defaulted'\n | 'behavior'\n | 'structuralSharing'\n | 'isDataEqual'\n | 'onSuccess'\n | 'onError'\n | 'onSettled'\n | 'enabled'\n | 'refetchInterval'\n | 'initialData'\n >,\n 'queryKey' | 'queryFn'\n> & {\n select: (data: TQueryFnData) => TData\n}\n\nexport type UnSelectedQueryOptions<\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n> = RequiredKeyof<\n OmitKeyof<\n UseQueryOptions<TQueryFnData, TError, TData, TQueryKey>,\n | 'getNextPageParam'\n | 'getPreviousPageParam'\n | 'queryKeyHashFn'\n | '_defaulted'\n | 'behavior'\n | 'structuralSharing'\n | 'isDataEqual'\n | 'onSuccess'\n | 'onError'\n | 'onSettled'\n | 'enabled'\n | 'refetchInterval'\n | 'initialData'\n >,\n 'queryKey' | 'queryFn'\n> & {\n select?: undefined\n}\n\nexport function queryOptions<\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n>(\n options: SelectedQueryOptions<TQueryFnData, TError, TData, TQueryKey>\n): SelectedQueryOptions<TQueryFnData, TError, TData, TQueryKey>\n\nexport function queryOptions<\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n>(\n options: UnSelectedQueryOptions<TQueryFnData, TError, TData, TQueryKey>\n): UnSelectedQueryOptions<TQueryFnData, TError, TData, TQueryKey>\n\nexport function queryOptions(options: unknown) {\n return options\n}\n","import type { InfiniteData, QueryKey, UseInfiniteQueryOptions } from '@tanstack/react-query'\nimport type { OmitKeyof, RequiredKeyof } from './utility-types'\n\nexport type SelectedInfiniteOptions<\n TQueryFnData,\n TError = unknown,\n TData = InfiniteData<TQueryFnData>,\n TQueryKey extends QueryKey = QueryKey,\n> = RequiredKeyof<\n OmitKeyof<\n UseInfiniteQueryOptions<TQueryFnData, TError, TData, TQueryFnData, TQueryKey>,\n | 'queryKeyHashFn'\n | '_defaulted'\n | 'behavior'\n | 'structuralSharing'\n | 'isDataEqual'\n | 'onSuccess'\n | 'onError'\n | 'onSettled'\n | 'enabled'\n | 'refetchInterval'\n | 'initialData'\n >,\n 'queryKey' | 'queryFn'\n> & {\n select: (data: InfiniteData<TQueryFnData>) => InfiniteData<TData>\n}\n\nexport type UnSelectedInfiniteOptions<\n TQueryFnData,\n TError = unknown,\n TData = InfiniteData<TQueryFnData>,\n TQueryKey extends QueryKey = QueryKey,\n> = RequiredKeyof<\n OmitKeyof<\n UseInfiniteQueryOptions<TQueryFnData, TError, TData, TQueryFnData, TQueryKey>,\n | 'queryKeyHashFn'\n | '_defaulted'\n | 'behavior'\n | 'structuralSharing'\n | 'isDataEqual'\n | 'onSuccess'\n | 'onError'\n | 'onSettled'\n | 'enabled'\n | 'refetchInterval'\n | 'initialData'\n >,\n 'queryKey' | 'queryFn'\n> & {\n select?: undefined\n}\n\nexport function infiniteQueryOptions<\n TQueryFnData,\n TError = unknown,\n TData = InfiniteData<TQueryFnData>,\n TQueryKey extends QueryKey = QueryKey,\n>(\n options: SelectedInfiniteOptions<TQueryFnData, TError, TData, TQueryKey>\n): SelectedInfiniteOptions<TQueryFnData, TError, TData, TQueryKey>\n\nexport function infiniteQueryOptions<\n TQueryFnData,\n TError = unknown,\n TData = InfiniteData<TQueryFnData>,\n TQueryKey extends QueryKey = QueryKey,\n>(\n options: UnSelectedInfiniteOptions<TQueryFnData, TError, TData, TQueryKey>\n): UnSelectedInfiniteOptions<TQueryFnData, TError, TData, TQueryKey>\n\nexport function infiniteQueryOptions(options: unknown) {\n return options\n}\n","import { type QueryKey, type UseQueryOptions, type UseQueryResult, useQuery } from '@tanstack/react-query'\nimport type { OmitKeyof } from './utility-types'\n\nexport interface UseSuspenseQueryResult<TData = unknown, TError = unknown>\n extends OmitKeyof<UseQueryResult<TData, TError>, keyof Pick<UseQueryResult, 'isPlaceholderData'>> {\n data: TData\n status: 'success'\n}\n\nexport type UseSuspenseQueryOptions<\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n> = OmitKeyof<\n UseQueryOptions<TQueryFnData, TError, TData, TQueryKey>,\n 'suspense' | 'useErrorBoundary' | 'enabled' | 'placeholderData'\n>\n\n/**\n * This hook is wrapping useQuery of `@tanstack/react-query` v4 with default suspense option.\n * @see {@link https://suspensive.org/en/docs/react-query/useSuspenseQuery Suspensive Docs}\n */\nexport function useSuspenseQuery<\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n>(options: UseSuspenseQueryOptions<TQueryFnData, TError, TData, TQueryKey>) {\n return useQuery<TQueryFnData, TError, TData, TQueryKey>({\n ...options,\n enabled: true,\n useErrorBoundary: true,\n suspense: true,\n }) as UseSuspenseQueryResult<TData, TError>\n}\n","import { type QueryFunction, type UseQueryOptions, useQueries } from '@tanstack/react-query'\nimport type { UseSuspenseQueryOptions, UseSuspenseQueryResult } from './useSuspenseQuery'\n\n// Avoid TS depth-limit error in case of large array literal\ntype MAXIMUM_DEPTH = 20\n\ntype GetSuspenseOptions<T> =\n // Part 1: responsible for applying explicit type parameter to function arguments, if object { queryFnData: TQueryFnData, error: TError, data: TData }\n T extends {\n queryFnData: infer TQueryFnData\n error?: infer TError\n data: infer TData\n }\n ? UseSuspenseQueryOptions<TQueryFnData, TError, TData>\n : T extends { queryFnData: infer TQueryFnData; error?: infer TError }\n ? UseSuspenseQueryOptions<TQueryFnData, TError>\n : T extends { data: infer TData; error?: infer TError }\n ? UseSuspenseQueryOptions<unknown, TError, TData>\n : // Part 2: responsible for applying explicit type parameter to function arguments, if tuple [TQueryFnData, TError, TData]\n T extends [infer TQueryFnData, infer TError, infer TData]\n ? UseSuspenseQueryOptions<TQueryFnData, TError, TData>\n : T extends [infer TQueryFnData, infer TError]\n ? UseSuspenseQueryOptions<TQueryFnData, TError>\n : T extends [infer TQueryFnData]\n ? UseSuspenseQueryOptions<TQueryFnData>\n : // Part 3: responsible for inferring and enforcing type if no explicit parameter was provided\n T extends {\n queryFn?: QueryFunction<infer TQueryFnData, infer TQueryKey>\n select?: (data: any) => infer TData\n }\n ? UseSuspenseQueryOptions<TQueryFnData, unknown, TData, TQueryKey>\n : T extends {\n queryFn?: QueryFunction<infer TQueryFnData, infer TQueryKey>\n }\n ? UseSuspenseQueryOptions<TQueryFnData, unknown, TQueryFnData, TQueryKey>\n : // Fallback\n UseSuspenseQueryOptions\n\ntype GetSuspenseResults<T> =\n // Part 1: responsible for mapping explicit type parameter to function result, if object\n T extends { queryFnData: any; error?: infer TError; data: infer TData }\n ? UseSuspenseQueryResult<TData, TError>\n : T extends { queryFnData: infer TQueryFnData; error?: infer TError }\n ? UseSuspenseQueryResult<TQueryFnData, TError>\n : T extends { data: infer TData; error?: infer TError }\n ? UseSuspenseQueryResult<TData, TError>\n : // Part 2: responsible for mapping explicit type parameter to function result, if tuple\n T extends [any, infer TError, infer TData]\n ? UseSuspenseQueryResult<TData, TError>\n : T extends [infer TQueryFnData, infer TError]\n ? UseSuspenseQueryResult<TQueryFnData, TError>\n : T extends [infer TQueryFnData]\n ? UseSuspenseQueryResult<TQueryFnData>\n : // Part 3: responsible for mapping inferred type to results, if no explicit parameter was provided\n T extends {\n queryFn?: QueryFunction<infer TQueryFnData, any>\n select?: (data: any) => infer TData\n }\n ? UseSuspenseQueryResult<unknown extends TData ? TQueryFnData : TData>\n : T extends {\n queryFn?: QueryFunction<infer TQueryFnData, any>\n }\n ? UseSuspenseQueryResult<TQueryFnData>\n : // Fallback\n UseSuspenseQueryResult\n\n/**\n * SuspenseQueriesOptions reducer recursively unwraps function arguments to infer/enforce type param\n */\nexport type SuspenseQueriesOptions<\n T extends Array<any>,\n TResult extends Array<any> = [],\n TDepth extends ReadonlyArray<number> = [],\n> = TDepth['length'] extends MAXIMUM_DEPTH\n ? Array<UseSuspenseQueryOptions>\n : T extends []\n ? []\n : T extends [infer Head]\n ? [...TResult, GetSuspenseOptions<Head>]\n : T extends [infer Head, ...infer Tail]\n ? SuspenseQueriesOptions<[...Tail], [...TResult, GetSuspenseOptions<Head>], [...TDepth, 1]>\n : Array<unknown> extends T\n ? T\n : // If T is *some* array but we couldn't assign unknown[] to it, then it must hold some known/homogenous type!\n // use this to infer the param types in the case of Array.map() argument\n T extends Array<UseSuspenseQueryOptions<infer TQueryFnData, infer TError, infer TData, infer TQueryKey>>\n ? Array<UseSuspenseQueryOptions<TQueryFnData, TError, TData, TQueryKey>>\n : // Fallback\n Array<UseSuspenseQueryOptions>\n\n/**\n * SuspenseQueriesResults reducer recursively maps type param to results\n */\nexport type SuspenseQueriesResults<\n T extends Array<any>,\n TResult extends Array<any> = [],\n TDepth extends ReadonlyArray<number> = [],\n> = TDepth['length'] extends MAXIMUM_DEPTH\n ? Array<UseSuspenseQueryResult>\n : T extends []\n ? []\n : T extends [infer Head]\n ? [...TResult, GetSuspenseResults<Head>]\n : T extends [infer Head, ...infer Tail]\n ? SuspenseQueriesResults<[...Tail], [...TResult, GetSuspenseResults<Head>], [...TDepth, 1]>\n : T extends Array<UseSuspenseQueryOptions<infer TQueryFnData, infer TError, infer TData, any>>\n ? // Dynamic-size (homogenous) UseQueryOptions array: map directly to array of results\n Array<UseSuspenseQueryResult<unknown extends TData ? TQueryFnData : TData, TError>>\n : // Fallback\n Array<UseSuspenseQueryResult>\n\n/**\n * This hook is wrapping useQueries of `@tanstack/react-query` v4 with default suspense option.\n * @see {@link https://suspensive.org/en/docs/react-query/useSuspenseQueries Suspensive Docs}\n */\nexport function useSuspenseQueries<T extends any[]>({\n queries,\n context,\n}: {\n queries: readonly [...SuspenseQueriesOptions<T>]\n context?: UseQueryOptions['context']\n}): SuspenseQueriesResults<T> {\n return useQueries({\n queries: queries.map((query: typeof queries) => ({ ...query, suspense: true })),\n context,\n }) as SuspenseQueriesResults<T>\n}\n","import {\n type InfiniteData,\n type QueryKey,\n type UseInfiniteQueryOptions,\n type UseInfiniteQueryResult,\n useInfiniteQuery,\n} from '@tanstack/react-query'\nimport type { OmitKeyof } from './utility-types'\n\nexport interface UseSuspenseInfiniteQueryResult<TData = unknown, TError = unknown>\n extends OmitKeyof<\n UseInfiniteQueryResult<TData, TError>,\n keyof Pick<UseInfiniteQueryResult<TData, TError>, 'isPlaceholderData'>\n > {\n data: InfiniteData<TData>\n status: 'success'\n}\n\nexport type UseSuspenseInfiniteQueryOptions<\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n> = OmitKeyof<\n UseInfiniteQueryOptions<TQueryFnData, TError, TData, TQueryFnData, TQueryKey>,\n 'suspense' | 'useErrorBoundary' | 'enabled' | 'placeholderData'\n>\n\n/**\n * This hook is wrapping useInfiniteQuery of `@tanstack/react-query` v4 with default suspense option.\n * @see {@link https://suspensive.org/en/docs/react-query/useSuspenseInfiniteQuery Suspensive Docs}\n */\nexport function useSuspenseInfiniteQuery<\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n>(\n options: UseSuspenseInfiniteQueryOptions<TQueryFnData, TError, TData, TQueryKey>\n): UseSuspenseInfiniteQueryResult<TData, TError> {\n return useInfiniteQuery({\n ...options,\n enabled: true,\n suspense: true,\n useErrorBoundary: true,\n }) as UseSuspenseInfiniteQueryResult<TData, TError>\n}\n","import { type FetchQueryOptions, type QueryKey, useQueryClient } from '@tanstack/react-query'\n\n/**\n * The usePrefetchQuery does not return anything, it should be used just to fire a prefetch during render, before a suspense boundary that wraps a component that uses useSuspenseQuery.\n * @see {@link https://suspensive.org/en/docs/react-query/usePrefetchQuery Suspensive Docs}\n */\nexport function usePrefetchQuery<\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n>(options: FetchQueryOptions<TQueryFnData, TError, TData, TQueryKey>) {\n const queryClient = useQueryClient()\n\n if (typeof options.queryKey !== 'undefined' && !queryClient.getQueryState(options.queryKey)) {\n queryClient.prefetchQuery(options)\n }\n}\n","import { type FetchInfiniteQueryOptions, type QueryKey, useQueryClient } from '@tanstack/react-query'\n\n/**\n * The usePrefetchInfiniteQuery does not return anything, it should be used just to fire a prefetch during render, before a suspense boundary that wraps a component that uses useSuspenseInfiniteQuery.\n * @see {@link https://suspensive.org/en/docs/react-query/usePrefetchInfiniteQuery Suspensive Docs}\n */\nexport function usePrefetchInfiniteQuery<\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n>(options: FetchInfiniteQueryOptions<TQueryFnData, TError, TData, TQueryKey>) {\n const queryClient = useQueryClient()\n\n if (typeof options.queryKey !== 'undefined' && !queryClient.getQueryState(options.queryKey)) {\n queryClient.prefetchInfiniteQuery(options)\n }\n}\n","import type { QueryKey } from '@tanstack/react-query'\nimport type { ReactNode } from 'react'\nimport { type UseSuspenseQueryOptions, type UseSuspenseQueryResult, useSuspenseQuery } from './useSuspenseQuery'\n\n/**\n * We provide these components to clearly express what causes suspense at the same depth.\n * `<SuspenseQuery/>` serves to make `useSuspenseQuery` easier to use in jsx.\n * @see {@link https://suspensive.org/en/docs/react-query/SuspenseQuery Suspensive Docs}\n * @example\n * ```tsx\n * import { SuspenseQuery } from '@suspensive/react-query'\n *\n * // You can use QueryOptions as props.\n * <SuspenseQuery {...queryOptions()}>\n * {({ data, isLoading }) => {\n * return <></>\n * }\n * </SuspenseQuery>\n * ```\n */\nexport const SuspenseQuery = <\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n>({\n children,\n ...options\n}: UseSuspenseQueryOptions<TQueryFnData, TError, TData, TQueryKey> & {\n children: (queryResult: UseSuspenseQueryResult<TData, TError>) => ReactNode\n}) => <>{children(useSuspenseQuery(options))}</>\n","import type { ReactNode } from 'react'\nimport { type SuspenseQueriesOptions, type SuspenseQueriesResults, useSuspenseQueries } from './useSuspenseQueries'\n\n/**\n * We provide these components to clearly express what causes suspense at the same depth.\n * `<SuspenseQueries/>` serves to make `useSuspenseQueries` easier to use in jsx.\n * @see {@link https://suspensive.org/en/docs/react-query/SuspenseQueries Suspensive Docs}\n * @example\n * ```tsx\n * import { SuspenseQueries } from '@suspensive/react-query'\n *\n * <SuspenseQueries queries={[firstQueryOptions(), secondQueryOptions()]}>\n * {([{ data: firstQueryData }, { data: secondQueryData }]) => {\n * return <></>\n * }}\n * </SuspenseQueries>\n * ```\n */\nexport function SuspenseQueries<T extends any[]>({\n children,\n queries,\n}: {\n queries: readonly [...SuspenseQueriesOptions<T>]\n children: (queries: SuspenseQueriesResults<T>) => ReactNode\n}) {\n return <>{children(useSuspenseQueries({ queries }))}</>\n}\n","import type { QueryKey } from '@tanstack/react-query'\nimport type { ReactNode } from 'react'\nimport {\n type UseSuspenseInfiniteQueryOptions,\n type UseSuspenseInfiniteQueryResult,\n useSuspenseInfiniteQuery,\n} from './useSuspenseInfiniteQuery'\n\n/**\n * We provide these components to clearly express what causes suspense at the same depth.\n * `<SuspenseInfiniteQuery/>` serves to make `useSuspenseInfiniteQuery` easier to use in jsx.\n * @see {@link https://suspensive.org/en/docs/react-query/SuspenseInfiniteQuery Suspensive Docs}\n * @example\n * ```tsx\n * import { SuspenseInfiniteQuery } from '@suspensive/react-query'\n *\n * // You can use infiniteQueryOptions as props.\n * <SuspenseInfiniteQuery {...infiniteQueryOptions()}>\n * {({ data, fetchNextPage }) => {\n * return <></>\n * }}\n * </SuspenseInfiniteQuery>\n * ```\n */\nexport const SuspenseInfiniteQuery = <\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n>({\n children,\n ...options\n}: UseSuspenseInfiniteQueryOptions<TQueryFnData, TError, TData, TQueryKey> & {\n children: (query: UseSuspenseInfiniteQueryResult<TData, TError>) => ReactNode\n}) => <>{children(useSuspenseInfiniteQuery(options))}</>\n","import { type FetchQueryOptions, type QueryKey } from '@tanstack/react-query'\nimport { usePrefetchQuery } from './usePrefetchQuery'\n\n/**\n * A component that allows you to use usePrefetchQuery in JSX, avoiding the limitations of React hooks.\n * @see {@link https://suspensive.org/en/docs/react-query/PrefetchQuery Suspensive Docs}\n * @example\n * ```tsx\n * <PrefetchQuery queryKey={['queryKey']} queryFn={queryFn} />\n * ```\n */\nexport function PrefetchQuery<\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n>(options: FetchQueryOptions<TQueryFnData, TError, TData, TQueryKey>) {\n usePrefetchQuery(options)\n return <></>\n}\n","import { type FetchInfiniteQueryOptions, type QueryKey } from '@tanstack/react-query'\nimport { usePrefetchInfiniteQuery } from './usePrefetchInfiniteQuery'\n\n/**\n * A component that allows you to use usePrefetchInfiniteQuery in JSX, avoiding the limitations of React hooks.\n * @see {@link https://suspensive.org/en/docs/react-query/PrefetchInfiniteQuery Suspensive Docs}\n * @example\n * ```tsx\n * <PrefetchInfiniteQuery queryKey={['queryKey']} queryFn={queryFn} />\n * ```\n */\nexport function PrefetchInfiniteQuery<\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n>(options: FetchInfiniteQueryOptions<TQueryFnData, TError, TData, TQueryKey>) {\n usePrefetchInfiniteQuery(options)\n return <></>\n}\n","import { type UseMutationOptions, type UseMutationResult, useMutation } from '@tanstack/react-query'\nimport type { ReactNode } from 'react'\n\nexport function Mutation<TData = unknown, TError = unknown, TVariables = void, TContext = unknown>({\n children,\n ...options\n}: UseMutationOptions<TData, TError, TVariables, TContext> & {\n children: (mutationResult: UseMutationResult<TData, TError, TVariables, TContext>) => ReactNode\n}) {\n return <>{children(useMutation(options))}</>\n}\n","import { type QueryClient, useQueryClient } from '@tanstack/react-query'\nimport type { Context, ReactNode } from 'react'\n\n/**\n * @experimental This is experimental feature.\n */\nexport function QueryClientConsumer({\n children,\n context,\n}: {\n children: (queryClient: QueryClient) => ReactNode\n context?: Context<QueryClient | undefined>\n}) {\n return <>{children(useQueryClient({ context }))}</>\n}\n","import { ErrorBoundary } from '@suspensive/react'\nimport { useQueryErrorResetBoundary } from '@tanstack/react-query'\nimport { type ComponentPropsWithoutRef, type ComponentRef, forwardRef } from 'react'\n\n/**\n * This component wrapping QueryErrorResetBoundary of `@tanstack/react-query` with `@suspensive/react`'s ErrorBoundary. So you must install `@suspensive/react` first, then use it. with this component, You don't have to make unnecessary repetitive implementation to combine ErrorBoundary with QueryErrorResetBoundary\n * @see {@link https://suspensive.org/en/docs/react-query/QueryErrorBoundary Suspensive Docs}\n * @example\n * ```tsx\n * <QueryErrorBoundary\n * fallback={({ reset, error }) => <></>)}\n * >\n * <ChildrenComponent />\n * </QueryErrorBoundary>\n * ```\n */\nexport const QueryErrorBoundary = forwardRef<\n ComponentRef<typeof ErrorBoundary>,\n ComponentPropsWithoutRef<typeof ErrorBoundary>\n>(({ onReset, ...props }, resetRef) => {\n const { reset } = useQueryErrorResetBoundary()\n return (\n <ErrorBoundary\n {...props}\n onReset={() => {\n onReset?.()\n reset()\n }}\n ref={resetRef}\n />\n )\n})\nif (process.env.NODE_ENV === 'development') {\n QueryErrorBoundary.displayName = 'QueryErrorBoundary'\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;AC2EO,SAAS,aAAa,SAAkB;AAC7C,SAAO;AACT;;;ACNO,SAAS,qBAAqB,SAAkB;AACrD,SAAO;AACT;;;ACzEA,yBAAmF;AAuB5E,SAAS,iBAKd,SAA0E;AAC1E,aAAO,6BAAiD,iCACnD,UADmD;AAAA,IAEtD,SAAS;AAAA,IACT,kBAAkB;AAAA,IAClB,UAAU;AAAA,EACZ,EAAC;AACH;;;ACnCA,IAAAA,sBAAqE;AAmH9D,SAAS,mBAAoC;AAAA,EAClD;AAAA,EACA;AACF,GAG8B;AAC5B,aAAO,gCAAW;AAAA,IAChB,SAAS,QAAQ,IAAI,CAAC,UAA2B,iCAAK,QAAL,EAAY,UAAU,KAAK,EAAE;AAAA,IAC9E;AAAA,EACF,CAAC;AACH;;;AC9HA,IAAAC,sBAMO;AA0BA,SAAS,yBAMd,SAC+C;AAC/C,aAAO,sCAAiB,iCACnB,UADmB;AAAA,IAEtB,SAAS;AAAA,IACT,UAAU;AAAA,IACV,kBAAkB;AAAA,EACpB,EAAC;AACH;;;AC9CA,IAAAC,sBAAsE;AAM/D,SAAS,iBAKd,SAAoE;AACpE,QAAM,kBAAc,oCAAe;AAEnC,MAAI,OAAO,QAAQ,aAAa,eAAe,CAAC,YAAY,cAAc,QAAQ,QAAQ,GAAG;AAC3F,gBAAY,cAAc,OAAO;AAAA,EACnC;AACF;;;ACjBA,IAAAC,sBAA8E;AAMvE,SAAS,yBAKd,SAA4E;AAC5E,QAAM,kBAAc,oCAAe;AAEnC,MAAI,OAAO,QAAQ,aAAa,eAAe,CAAC,YAAY,cAAc,QAAQ,QAAQ,GAAG;AAC3F,gBAAY,sBAAsB,OAAO;AAAA,EAC3C;AACF;;;ACaM;AAVC,IAAM,gBAAgB,CAK3B,OAKC;AALD,eACA;AAAA;AAAA,EA1BF,IAyBE,IAEG,oBAFH,IAEG;AAAA,IADH;AAAA;AAII,oFAAG,mBAAS,iBAAiB,OAAO,CAAC,GAAE;AAAA;;;ACLpC,IAAAC,sBAAA;AAPF,SAAS,gBAAiC;AAAA,EAC/C;AAAA,EACA;AACF,GAGG;AACD,SAAO,6EAAG,mBAAS,mBAAmB,EAAE,QAAQ,CAAC,CAAC,GAAE;AACtD;;;ACQM,IAAAC,sBAAA;AAVC,IAAM,wBAAwB,CAKnC,OAKC;AALD,eACA;AAAA;AAAA,EA9BF,IA6BE,IAEG,oBAFH,IAEG;AAAA,IADH;AAAA;AAII,sFAAG,mBAAS,yBAAyB,OAAO,CAAC,GAAE;AAAA;;;AChB5C,IAAAC,sBAAA;AAPF,SAAS,cAKd,SAAoE;AACpE,mBAAiB,OAAO;AACxB,SAAO,6EAAE;AACX;;;ACDS,IAAAC,sBAAA;AAPF,SAAS,sBAKd,SAA4E;AAC5E,2BAAyB,OAAO;AAChC,SAAO,6EAAE;AACX;;;ACnBA,IAAAC,sBAA6E;AASpE,IAAAC,sBAAA;AANF,SAAS,SAAmF,IAKhG;AALgG,eACjG;AAAA;AAAA,EAJF,IAGmG,IAE9F,oBAF8F,IAE9F;AAAA,IADH;AAAA;AAKA,SAAO,6EAAG,uBAAS,iCAAY,OAAO,CAAC,GAAE;AAC3C;;;ACVA,IAAAC,sBAAiD;AAaxC,IAAAC,sBAAA;AAPF,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AACF,GAGG;AACD,SAAO,6EAAG,uBAAS,oCAAe,EAAE,QAAQ,CAAC,CAAC,GAAE;AAClD;;;ACdA,mBAA8B;AAC9B,IAAAC,sBAA2C;AAC3C,IAAAC,gBAA6E;AAoBzE,IAAAC,sBAAA;AANG,IAAM,yBAAqB,0BAGhC,CAAC,IAAuB,aAAa;AAApC,eAAE,UAnBL,IAmBG,IAAc,kBAAd,IAAc,CAAZ;AACH,QAAM,EAAE,MAAM,QAAI,gDAA2B;AAC7C,SACE;AAAA,IAAC;AAAA,qCACK,QADL;AAAA,MAEC,SAAS,MAAM;AACb;AACA,cAAM;AAAA,MACR;AAAA,MACA,KAAK;AAAA;AAAA,EACP;AAEJ,CAAC;AACD,IAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,qBAAmB,cAAc;AACnC;","names":["import_react_query","import_react_query","import_react_query","import_react_query","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_react_query","import_jsx_runtime","import_react_query","import_jsx_runtime","import_react_query","import_react","import_jsx_runtime"]}
1
+ {"version":3,"sources":["../src/index.ts","../src/queryOptions.ts","../src/infiniteQueryOptions.ts","../src/useSuspenseQuery.ts","../src/useSuspenseQueries.ts","../src/useSuspenseInfiniteQuery.ts","../src/usePrefetchQuery.ts","../src/usePrefetchInfiniteQuery.ts","../src/SuspenseQuery.tsx","../src/SuspenseQueries.tsx","../src/SuspenseInfiniteQuery.tsx","../src/PrefetchQuery.tsx","../src/PrefetchInfiniteQuery.tsx","../src/Mutation.tsx","../src/QueryClientConsumer.tsx","../src/QueryErrorBoundary.tsx"],"sourcesContent":["export { queryOptions } from './queryOptions'\nexport type { SelectedQueryOptions, UnSelectedQueryOptions } from './queryOptions'\nexport { infiniteQueryOptions } from './infiniteQueryOptions'\nexport type { SelectedInfiniteOptions, UnSelectedInfiniteOptions } from './infiniteQueryOptions'\nexport { useSuspenseQuery } from './useSuspenseQuery'\nexport type { UseSuspenseQueryOptions, UseSuspenseQueryResult } from './useSuspenseQuery'\nexport { useSuspenseQueries } from './useSuspenseQueries'\nexport type { SuspenseQueriesOptions, SuspenseQueriesResults } from './useSuspenseQueries'\nexport { useSuspenseInfiniteQuery } from './useSuspenseInfiniteQuery'\nexport type { UseSuspenseInfiniteQueryOptions, UseSuspenseInfiniteQueryResult } from './useSuspenseInfiniteQuery'\nexport { usePrefetchQuery } from './usePrefetchQuery'\nexport { usePrefetchInfiniteQuery } from './usePrefetchInfiniteQuery'\n\nexport { SuspenseQuery } from './SuspenseQuery'\nexport { SuspenseQueries } from './SuspenseQueries'\nexport { SuspenseInfiniteQuery } from './SuspenseInfiniteQuery'\nexport { PrefetchQuery } from './PrefetchQuery'\nexport { PrefetchInfiniteQuery } from './PrefetchInfiniteQuery'\nexport { Mutation } from './Mutation'\nexport { QueryClientConsumer } from './QueryClientConsumer'\nexport { QueryErrorBoundary } from './QueryErrorBoundary'\n","import type { QueryKey, UseQueryOptions } from '@tanstack/react-query'\nimport type { OmitKeyof, RequiredKeyof } from './utility-types'\n\nexport type SelectedQueryOptions<\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n> = RequiredKeyof<\n OmitKeyof<\n UseQueryOptions<TQueryFnData, TError, TData, TQueryKey>,\n | 'getNextPageParam'\n | 'getPreviousPageParam'\n | 'queryKeyHashFn'\n | '_defaulted'\n | 'behavior'\n | 'structuralSharing'\n | 'isDataEqual'\n | 'onSuccess'\n | 'onError'\n | 'onSettled'\n | 'enabled'\n | 'refetchInterval'\n | 'initialData'\n >,\n 'queryKey' | 'queryFn'\n> & {\n select: (data: TQueryFnData) => TData\n}\n\nexport type UnSelectedQueryOptions<\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n> = RequiredKeyof<\n OmitKeyof<\n UseQueryOptions<TQueryFnData, TError, TData, TQueryKey>,\n | 'getNextPageParam'\n | 'getPreviousPageParam'\n | 'queryKeyHashFn'\n | '_defaulted'\n | 'behavior'\n | 'structuralSharing'\n | 'isDataEqual'\n | 'onSuccess'\n | 'onError'\n | 'onSettled'\n | 'enabled'\n | 'refetchInterval'\n | 'initialData'\n >,\n 'queryKey' | 'queryFn'\n> & {\n select?: undefined\n}\n\nexport function queryOptions<\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n>(\n options: SelectedQueryOptions<TQueryFnData, TError, TData, TQueryKey>\n): SelectedQueryOptions<TQueryFnData, TError, TData, TQueryKey>\n\nexport function queryOptions<\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n>(\n options: UnSelectedQueryOptions<TQueryFnData, TError, TData, TQueryKey>\n): UnSelectedQueryOptions<TQueryFnData, TError, TData, TQueryKey>\n\nexport function queryOptions(options: unknown) {\n return options\n}\n","import type { InfiniteData, QueryKey, UseInfiniteQueryOptions } from '@tanstack/react-query'\nimport type { OmitKeyof, RequiredKeyof } from './utility-types'\n\nexport type SelectedInfiniteOptions<\n TQueryFnData,\n TError = unknown,\n TData = InfiniteData<TQueryFnData>,\n TQueryKey extends QueryKey = QueryKey,\n> = RequiredKeyof<\n OmitKeyof<\n UseInfiniteQueryOptions<TQueryFnData, TError, TData, TQueryFnData, TQueryKey>,\n | 'queryKeyHashFn'\n | '_defaulted'\n | 'behavior'\n | 'structuralSharing'\n | 'isDataEqual'\n | 'onSuccess'\n | 'onError'\n | 'onSettled'\n | 'enabled'\n | 'refetchInterval'\n | 'initialData'\n >,\n 'queryKey' | 'queryFn'\n> & {\n select: (data: InfiniteData<TQueryFnData>) => InfiniteData<TData>\n}\n\nexport type UnSelectedInfiniteOptions<\n TQueryFnData,\n TError = unknown,\n TData = InfiniteData<TQueryFnData>,\n TQueryKey extends QueryKey = QueryKey,\n> = RequiredKeyof<\n OmitKeyof<\n UseInfiniteQueryOptions<TQueryFnData, TError, TData, TQueryFnData, TQueryKey>,\n | 'queryKeyHashFn'\n | '_defaulted'\n | 'behavior'\n | 'structuralSharing'\n | 'isDataEqual'\n | 'onSuccess'\n | 'onError'\n | 'onSettled'\n | 'enabled'\n | 'refetchInterval'\n | 'initialData'\n >,\n 'queryKey' | 'queryFn'\n> & {\n select?: undefined\n}\n\nexport function infiniteQueryOptions<\n TQueryFnData,\n TError = unknown,\n TData = InfiniteData<TQueryFnData>,\n TQueryKey extends QueryKey = QueryKey,\n>(\n options: SelectedInfiniteOptions<TQueryFnData, TError, TData, TQueryKey>\n): SelectedInfiniteOptions<TQueryFnData, TError, TData, TQueryKey>\n\nexport function infiniteQueryOptions<\n TQueryFnData,\n TError = unknown,\n TData = InfiniteData<TQueryFnData>,\n TQueryKey extends QueryKey = QueryKey,\n>(\n options: UnSelectedInfiniteOptions<TQueryFnData, TError, TData, TQueryKey>\n): UnSelectedInfiniteOptions<TQueryFnData, TError, TData, TQueryKey>\n\nexport function infiniteQueryOptions(options: unknown) {\n return options\n}\n","import { type QueryKey, type UseQueryOptions, type UseQueryResult, useQuery } from '@tanstack/react-query'\nimport type { OmitKeyof } from './utility-types'\n\nexport interface UseSuspenseQueryResult<TData = unknown, TError = unknown>\n extends OmitKeyof<UseQueryResult<TData, TError>, keyof Pick<UseQueryResult, 'isPlaceholderData'>> {\n data: TData\n status: 'success'\n}\n\nexport type UseSuspenseQueryOptions<\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n> = OmitKeyof<\n UseQueryOptions<TQueryFnData, TError, TData, TQueryKey>,\n 'suspense' | 'useErrorBoundary' | 'enabled' | 'placeholderData'\n>\n\n/**\n * This hook is wrapping useQuery of `@tanstack/react-query` v4 with default suspense option.\n * @see {@link https://suspensive.org/en/docs/react-query/useSuspenseQuery Suspensive Docs}\n */\nexport function useSuspenseQuery<\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n>(options: UseSuspenseQueryOptions<TQueryFnData, TError, TData, TQueryKey>) {\n return useQuery<TQueryFnData, TError, TData, TQueryKey>({\n ...options,\n enabled: true,\n useErrorBoundary: true,\n suspense: true,\n }) as UseSuspenseQueryResult<TData, TError>\n}\n","import { type QueryFunction, type UseQueryOptions, useQueries } from '@tanstack/react-query'\nimport type { UseSuspenseQueryOptions, UseSuspenseQueryResult } from './useSuspenseQuery'\n\n// Avoid TS depth-limit error in case of large array literal\ntype MAXIMUM_DEPTH = 20\n\ntype GetSuspenseOptions<T> =\n // Part 1: responsible for applying explicit type parameter to function arguments, if object { queryFnData: TQueryFnData, error: TError, data: TData }\n T extends {\n queryFnData: infer TQueryFnData\n error?: infer TError\n data: infer TData\n }\n ? UseSuspenseQueryOptions<TQueryFnData, TError, TData>\n : T extends { queryFnData: infer TQueryFnData; error?: infer TError }\n ? UseSuspenseQueryOptions<TQueryFnData, TError>\n : T extends { data: infer TData; error?: infer TError }\n ? UseSuspenseQueryOptions<unknown, TError, TData>\n : // Part 2: responsible for applying explicit type parameter to function arguments, if tuple [TQueryFnData, TError, TData]\n T extends [infer TQueryFnData, infer TError, infer TData]\n ? UseSuspenseQueryOptions<TQueryFnData, TError, TData>\n : T extends [infer TQueryFnData, infer TError]\n ? UseSuspenseQueryOptions<TQueryFnData, TError>\n : T extends [infer TQueryFnData]\n ? UseSuspenseQueryOptions<TQueryFnData>\n : // Part 3: responsible for inferring and enforcing type if no explicit parameter was provided\n T extends {\n queryFn?: QueryFunction<infer TQueryFnData, infer TQueryKey>\n select?: (data: any) => infer TData\n }\n ? UseSuspenseQueryOptions<TQueryFnData, unknown, TData, TQueryKey>\n : T extends {\n queryFn?: QueryFunction<infer TQueryFnData, infer TQueryKey>\n }\n ? UseSuspenseQueryOptions<TQueryFnData, unknown, TQueryFnData, TQueryKey>\n : // Fallback\n UseSuspenseQueryOptions\n\ntype GetSuspenseResults<T> =\n // Part 1: responsible for mapping explicit type parameter to function result, if object\n T extends { queryFnData: any; error?: infer TError; data: infer TData }\n ? UseSuspenseQueryResult<TData, TError>\n : T extends { queryFnData: infer TQueryFnData; error?: infer TError }\n ? UseSuspenseQueryResult<TQueryFnData, TError>\n : T extends { data: infer TData; error?: infer TError }\n ? UseSuspenseQueryResult<TData, TError>\n : // Part 2: responsible for mapping explicit type parameter to function result, if tuple\n T extends [any, infer TError, infer TData]\n ? UseSuspenseQueryResult<TData, TError>\n : T extends [infer TQueryFnData, infer TError]\n ? UseSuspenseQueryResult<TQueryFnData, TError>\n : T extends [infer TQueryFnData]\n ? UseSuspenseQueryResult<TQueryFnData>\n : // Part 3: responsible for mapping inferred type to results, if no explicit parameter was provided\n T extends {\n queryFn?: QueryFunction<infer TQueryFnData, any>\n select?: (data: any) => infer TData\n }\n ? UseSuspenseQueryResult<unknown extends TData ? TQueryFnData : TData>\n : T extends {\n queryFn?: QueryFunction<infer TQueryFnData, any>\n }\n ? UseSuspenseQueryResult<TQueryFnData>\n : // Fallback\n UseSuspenseQueryResult\n\n/**\n * SuspenseQueriesOptions reducer recursively unwraps function arguments to infer/enforce type param\n */\nexport type SuspenseQueriesOptions<\n T extends Array<any>,\n TResult extends Array<any> = [],\n TDepth extends ReadonlyArray<number> = [],\n> = TDepth['length'] extends MAXIMUM_DEPTH\n ? Array<UseSuspenseQueryOptions>\n : T extends []\n ? []\n : T extends [infer Head]\n ? [...TResult, GetSuspenseOptions<Head>]\n : T extends [infer Head, ...infer Tail]\n ? SuspenseQueriesOptions<[...Tail], [...TResult, GetSuspenseOptions<Head>], [...TDepth, 1]>\n : Array<unknown> extends T\n ? T\n : // If T is *some* array but we couldn't assign unknown[] to it, then it must hold some known/homogenous type!\n // use this to infer the param types in the case of Array.map() argument\n T extends Array<UseSuspenseQueryOptions<infer TQueryFnData, infer TError, infer TData, infer TQueryKey>>\n ? Array<UseSuspenseQueryOptions<TQueryFnData, TError, TData, TQueryKey>>\n : // Fallback\n Array<UseSuspenseQueryOptions>\n\n/**\n * SuspenseQueriesResults reducer recursively maps type param to results\n */\nexport type SuspenseQueriesResults<\n T extends Array<any>,\n TResult extends Array<any> = [],\n TDepth extends ReadonlyArray<number> = [],\n> = TDepth['length'] extends MAXIMUM_DEPTH\n ? Array<UseSuspenseQueryResult>\n : T extends []\n ? []\n : T extends [infer Head]\n ? [...TResult, GetSuspenseResults<Head>]\n : T extends [infer Head, ...infer Tail]\n ? SuspenseQueriesResults<[...Tail], [...TResult, GetSuspenseResults<Head>], [...TDepth, 1]>\n : T extends Array<UseSuspenseQueryOptions<infer TQueryFnData, infer TError, infer TData, any>>\n ? // Dynamic-size (homogenous) UseQueryOptions array: map directly to array of results\n Array<UseSuspenseQueryResult<unknown extends TData ? TQueryFnData : TData, TError>>\n : // Fallback\n Array<UseSuspenseQueryResult>\n\n/**\n * This hook is wrapping useQueries of `@tanstack/react-query` v4 with default suspense option.\n * @see {@link https://suspensive.org/en/docs/react-query/useSuspenseQueries Suspensive Docs}\n */\nexport function useSuspenseQueries<T extends any[]>({\n queries,\n context,\n}: {\n queries: readonly [...SuspenseQueriesOptions<T>]\n context?: UseQueryOptions['context']\n}): SuspenseQueriesResults<T> {\n return useQueries({\n queries: queries.map((query: typeof queries) => ({ ...query, suspense: true })),\n context,\n }) as SuspenseQueriesResults<T>\n}\n","import {\n type InfiniteData,\n type QueryKey,\n type UseInfiniteQueryOptions,\n type UseInfiniteQueryResult,\n useInfiniteQuery,\n} from '@tanstack/react-query'\nimport type { OmitKeyof } from './utility-types'\n\nexport interface UseSuspenseInfiniteQueryResult<TData = unknown, TError = unknown>\n extends OmitKeyof<\n UseInfiniteQueryResult<TData, TError>,\n keyof Pick<UseInfiniteQueryResult<TData, TError>, 'isPlaceholderData'>\n > {\n data: InfiniteData<TData>\n status: 'success'\n}\n\nexport type UseSuspenseInfiniteQueryOptions<\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n> = OmitKeyof<\n UseInfiniteQueryOptions<TQueryFnData, TError, TData, TQueryFnData, TQueryKey>,\n 'suspense' | 'useErrorBoundary' | 'enabled' | 'placeholderData'\n>\n\n/**\n * This hook is wrapping useInfiniteQuery of `@tanstack/react-query` v4 with default suspense option.\n * @see {@link https://suspensive.org/en/docs/react-query/useSuspenseInfiniteQuery Suspensive Docs}\n */\nexport function useSuspenseInfiniteQuery<\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n>(\n options: UseSuspenseInfiniteQueryOptions<TQueryFnData, TError, TData, TQueryKey>\n): UseSuspenseInfiniteQueryResult<TData, TError> {\n return useInfiniteQuery({\n ...options,\n enabled: true,\n suspense: true,\n useErrorBoundary: true,\n }) as UseSuspenseInfiniteQueryResult<TData, TError>\n}\n","import { type FetchQueryOptions, type QueryKey, useQueryClient } from '@tanstack/react-query'\n\n/**\n * The usePrefetchQuery does not return anything, it should be used just to fire a prefetch during render, before a suspense boundary that wraps a component that uses useSuspenseQuery.\n * @see {@link https://suspensive.org/en/docs/react-query/usePrefetchQuery Suspensive Docs}\n */\nexport function usePrefetchQuery<\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n>(options: FetchQueryOptions<TQueryFnData, TError, TData, TQueryKey>) {\n const queryClient = useQueryClient()\n\n if (typeof options.queryKey !== 'undefined' && !queryClient.getQueryState(options.queryKey)) {\n queryClient.prefetchQuery(options)\n }\n}\n","import { type FetchInfiniteQueryOptions, type QueryKey, useQueryClient } from '@tanstack/react-query'\n\n/**\n * The usePrefetchInfiniteQuery does not return anything, it should be used just to fire a prefetch during render, before a suspense boundary that wraps a component that uses useSuspenseInfiniteQuery.\n * @see {@link https://suspensive.org/en/docs/react-query/usePrefetchInfiniteQuery Suspensive Docs}\n */\nexport function usePrefetchInfiniteQuery<\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n>(options: FetchInfiniteQueryOptions<TQueryFnData, TError, TData, TQueryKey>) {\n const queryClient = useQueryClient()\n\n if (typeof options.queryKey !== 'undefined' && !queryClient.getQueryState(options.queryKey)) {\n queryClient.prefetchInfiniteQuery(options)\n }\n}\n","import type { QueryKey } from '@tanstack/react-query'\nimport type { ReactNode } from 'react'\nimport { type UseSuspenseQueryOptions, type UseSuspenseQueryResult, useSuspenseQuery } from './useSuspenseQuery'\n\n/**\n * We provide these components to clearly express what causes suspense at the same depth.\n * `<SuspenseQuery/>` serves to make `useSuspenseQuery` easier to use in jsx.\n * @see {@link https://suspensive.org/en/docs/react-query/SuspenseQuery Suspensive Docs}\n * @example\n * ```tsx\n * import { SuspenseQuery } from '@suspensive/react-query'\n *\n * // You can use QueryOptions as props.\n * <SuspenseQuery {...queryOptions()}>\n * {({ data, isLoading }) => {\n * return <></>\n * }\n * </SuspenseQuery>\n * ```\n */\nexport const SuspenseQuery = <\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n>({\n children,\n ...options\n}: UseSuspenseQueryOptions<TQueryFnData, TError, TData, TQueryKey> & {\n children: (queryResult: UseSuspenseQueryResult<TData, TError>) => ReactNode\n}) => <>{children(useSuspenseQuery(options))}</>\n","import type { ReactNode } from 'react'\nimport { type SuspenseQueriesOptions, type SuspenseQueriesResults, useSuspenseQueries } from './useSuspenseQueries'\n\n/**\n * We provide these components to clearly express what causes suspense at the same depth.\n * `<SuspenseQueries/>` serves to make `useSuspenseQueries` easier to use in jsx.\n * @see {@link https://suspensive.org/en/docs/react-query/SuspenseQueries Suspensive Docs}\n * @example\n * ```tsx\n * import { SuspenseQueries } from '@suspensive/react-query'\n *\n * <SuspenseQueries queries={[firstQueryOptions(), secondQueryOptions()]}>\n * {([{ data: firstQueryData }, { data: secondQueryData }]) => {\n * return <></>\n * }}\n * </SuspenseQueries>\n * ```\n */\nexport function SuspenseQueries<T extends any[]>({\n children,\n queries,\n}: {\n queries: readonly [...SuspenseQueriesOptions<T>]\n children: (queries: SuspenseQueriesResults<T>) => ReactNode\n}) {\n return <>{children(useSuspenseQueries({ queries }))}</>\n}\n","import type { QueryKey } from '@tanstack/react-query'\nimport type { ReactNode } from 'react'\nimport {\n type UseSuspenseInfiniteQueryOptions,\n type UseSuspenseInfiniteQueryResult,\n useSuspenseInfiniteQuery,\n} from './useSuspenseInfiniteQuery'\n\n/**\n * We provide these components to clearly express what causes suspense at the same depth.\n * `<SuspenseInfiniteQuery/>` serves to make `useSuspenseInfiniteQuery` easier to use in jsx.\n * @see {@link https://suspensive.org/en/docs/react-query/SuspenseInfiniteQuery Suspensive Docs}\n * @example\n * ```tsx\n * import { SuspenseInfiniteQuery } from '@suspensive/react-query'\n *\n * // You can use infiniteQueryOptions as props.\n * <SuspenseInfiniteQuery {...infiniteQueryOptions()}>\n * {({ data, fetchNextPage }) => {\n * return <></>\n * }}\n * </SuspenseInfiniteQuery>\n * ```\n */\nexport const SuspenseInfiniteQuery = <\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n>({\n children,\n ...options\n}: UseSuspenseInfiniteQueryOptions<TQueryFnData, TError, TData, TQueryKey> & {\n children: (query: UseSuspenseInfiniteQueryResult<TData, TError>) => ReactNode\n}) => <>{children(useSuspenseInfiniteQuery(options))}</>\n","import { type FetchQueryOptions, type QueryKey } from '@tanstack/react-query'\nimport { usePrefetchQuery } from './usePrefetchQuery'\n\n/**\n * A component that allows you to use usePrefetchQuery in JSX, avoiding the limitations of React hooks.\n * @see {@link https://suspensive.org/en/docs/react-query/PrefetchQuery Suspensive Docs}\n * @example\n * ```tsx\n * <PrefetchQuery queryKey={['queryKey']} queryFn={queryFn} />\n * ```\n */\nexport function PrefetchQuery<\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n>(options: FetchQueryOptions<TQueryFnData, TError, TData, TQueryKey>) {\n usePrefetchQuery(options)\n return <></>\n}\n","import { type FetchInfiniteQueryOptions, type QueryKey } from '@tanstack/react-query'\nimport { usePrefetchInfiniteQuery } from './usePrefetchInfiniteQuery'\n\n/**\n * A component that allows you to use usePrefetchInfiniteQuery in JSX, avoiding the limitations of React hooks.\n * @see {@link https://suspensive.org/en/docs/react-query/PrefetchInfiniteQuery Suspensive Docs}\n * @example\n * ```tsx\n * <PrefetchInfiniteQuery queryKey={['queryKey']} queryFn={queryFn} />\n * ```\n */\nexport function PrefetchInfiniteQuery<\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n>(options: FetchInfiniteQueryOptions<TQueryFnData, TError, TData, TQueryKey>) {\n usePrefetchInfiniteQuery(options)\n return <></>\n}\n","import { type UseMutationOptions, type UseMutationResult, useMutation } from '@tanstack/react-query'\nimport type { ReactNode } from 'react'\n\nexport function Mutation<TData = unknown, TError = unknown, TVariables = void, TContext = unknown>({\n children,\n ...options\n}: UseMutationOptions<TData, TError, TVariables, TContext> & {\n children: (mutationResult: UseMutationResult<TData, TError, TVariables, TContext>) => ReactNode\n}) {\n return <>{children(useMutation(options))}</>\n}\n","import { type QueryClient, useQueryClient } from '@tanstack/react-query'\nimport type { Context, ReactNode } from 'react'\n\n/**\n * @experimental This is experimental feature.\n */\nexport function QueryClientConsumer({\n children,\n context,\n}: {\n children: (queryClient: QueryClient) => ReactNode\n context?: Context<QueryClient | undefined>\n}) {\n return <>{children(useQueryClient({ context }))}</>\n}\n","import { ErrorBoundary } from '@suspensive/react'\nimport { useQueryErrorResetBoundary } from '@tanstack/react-query'\nimport { type ComponentPropsWithoutRef, type ComponentRef, forwardRef } from 'react'\n\n/**\n * This component wrapping QueryErrorResetBoundary of `@tanstack/react-query` with `@suspensive/react`'s ErrorBoundary. So you must install `@suspensive/react` first, then use it. with this component, You don't have to make unnecessary repetitive implementation to combine ErrorBoundary with QueryErrorResetBoundary\n * @deprecated this interface will be removed in the next major version. Please make this component yourself by combining ErrorBoundary of `@suspensive/react` and useQueryErrorResetBoundary of `@tanstack/react-query`\n * @example\n * ```tsx\n * <QueryErrorBoundary\n * fallback={({ reset, error }) => <></>)}\n * >\n * <ChildrenComponent />\n * </QueryErrorBoundary>\n * ```\n */\nexport const QueryErrorBoundary = forwardRef<\n ComponentRef<typeof ErrorBoundary>,\n ComponentPropsWithoutRef<typeof ErrorBoundary>\n>(({ onReset, ...props }, resetRef) => {\n const { reset } = useQueryErrorResetBoundary()\n return (\n <ErrorBoundary\n {...props}\n onReset={() => {\n onReset?.()\n reset()\n }}\n ref={resetRef}\n />\n )\n})\nif (process.env.NODE_ENV === 'development') {\n // eslint-disable-next-line @typescript-eslint/no-deprecated\n QueryErrorBoundary.displayName = 'QueryErrorBoundary'\n}\n"],"mappings":"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","names":["import_react_query","import_react_query","import_react_query","import_react_query","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_react_query","import_jsx_runtime","import_react_query","import_jsx_runtime","import_react_query","import_react","import_jsx_runtime"]}
package/dist/index.js CHANGED
@@ -25,7 +25,7 @@ import {
25
25
  } from "./chunk-QAYUXNHC.js";
26
26
  import {
27
27
  QueryErrorBoundary
28
- } from "./chunk-AT3YTYWU.js";
28
+ } from "./chunk-RG2XOADV.js";
29
29
  import {
30
30
  SuspenseInfiniteQuery
31
31
  } from "./chunk-BATIZYKY.js";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@suspensive/react-query-4",
3
- "version": "2.18.3",
3
+ "version": "2.18.5",
4
4
  "description": "Suspensive interfaces for @tanstack/react-query@4",
5
5
  "keywords": [
6
6
  "suspensive",
@@ -40,15 +40,15 @@
40
40
  ],
41
41
  "devDependencies": {
42
42
  "@tanstack/react-query": "^4.36.1",
43
- "@types/react": "^18.3.11",
43
+ "@types/react": "^18.3.12",
44
44
  "react": "^18.3.1",
45
45
  "@suspensive/eslint-config": "0.0.0",
46
- "@suspensive/react": "2.18.3",
46
+ "@suspensive/react": "2.18.5",
47
47
  "@suspensive/tsconfig": "0.0.0-development",
48
48
  "@suspensive/tsup": "0.0.0"
49
49
  },
50
50
  "peerDependencies": {
51
- "@suspensive/react": "^2.18.3",
51
+ "@suspensive/react": "^2.18.5",
52
52
  "@tanstack/react-query": "^4",
53
53
  "react": "^18"
54
54
  },
@@ -66,7 +66,7 @@
66
66
  "scripts": {
67
67
  "build": "tsup",
68
68
  "ci:attw": "attw --pack",
69
- "ci:eslint": "eslint \"**/*.{js,jsx,cjs,mjs,ts,tsx,cts,mts}\"",
69
+ "ci:eslint": "eslint \"**/*.{ts,tsx,cts,mts}\"",
70
70
  "ci:publint": "publint --strict",
71
71
  "ci:test": "vitest run --coverage --typecheck",
72
72
  "ci:type": "tsc --noEmit",
@@ -7,16 +7,16 @@ const mutationFn = () => Promise.resolve(5)
7
7
 
8
8
  describe('<Mutation/>', () => {
9
9
  it('type check', () => {
10
- ;() => (
10
+ ;(() => (
11
11
  <Mutation mutationFn={mutationFn}>
12
12
  {(mutation) => {
13
13
  expectTypeOf(mutation).toEqualTypeOf<UseMutationResult<number, unknown, void>>()
14
14
  return <></>
15
15
  }}
16
16
  </Mutation>
17
- )
17
+ ))()
18
18
 
19
- expectTypeOf(<Mutation mutationFn={mutationFn}>{() => <></>}</Mutation>).toEqualTypeOf<JSX.Element>()
19
+ expectTypeOf(<Mutation mutationFn={mutationFn}>{() => <></>}</Mutation>).toEqualTypeOf<React.JSX.Element>()
20
20
  expectTypeOf(<Mutation mutationFn={mutationFn}>{() => <></>}</Mutation>).not.toEqualTypeOf<ReactNode>()
21
21
  })
22
22
  })
@@ -6,55 +6,57 @@ import { queryFn, queryKey } from './test-utils'
6
6
 
7
7
  describe('<PrefetchInfiniteQuery/>', () => {
8
8
  it('type check', () => {
9
- ;() => (
9
+ ;(() => (
10
10
  <PrefetchInfiniteQuery
11
11
  queryKey={queryKey}
12
12
  queryFn={queryFn}
13
13
  //@ts-expect-error no suspense
14
14
  suspense={boolean}
15
15
  />
16
- )
17
- ;() => (
16
+ ))()
17
+ ;(() => (
18
18
  <PrefetchInfiniteQuery
19
19
  queryKey={queryKey}
20
20
  queryFn={queryFn}
21
21
  //@ts-expect-error no useErrorBoundary
22
22
  useErrorBoundary={boolean}
23
23
  />
24
- )
25
- ;() => (
24
+ ))()
25
+ ;(() => (
26
26
  <PrefetchInfiniteQuery
27
27
  queryKey={queryKey}
28
28
  queryFn={queryFn}
29
29
  //@ts-expect-error no enabled
30
30
  enabled={boolean}
31
31
  />
32
- )
33
- ;() => (
32
+ ))()
33
+ ;(() => (
34
34
  <PrefetchInfiniteQuery
35
35
  queryKey={queryKey}
36
36
  queryFn={queryFn}
37
37
  //@ts-expect-error no placeholderData
38
38
  placeholderData="placeholder"
39
39
  />
40
- )
41
- ;() => (
40
+ ))()
41
+ ;(() => (
42
42
  <PrefetchInfiniteQuery
43
43
  queryKey={queryKey}
44
44
  queryFn={queryFn}
45
45
  //@ts-expect-error no placeholderData
46
46
  placeholderData="placeholder"
47
47
  />
48
- )
49
- ;() => <PrefetchInfiniteQuery queryKey={queryKey} queryFn={queryFn} />
48
+ ))()
49
+ ;(() => <PrefetchInfiniteQuery queryKey={queryKey} queryFn={queryFn} />)()
50
50
  const options = infiniteQueryOptions({
51
51
  queryKey,
52
52
  queryFn,
53
53
  })
54
- ;() => <PrefetchInfiniteQuery {...options} />
55
- expectTypeOf(<PrefetchInfiniteQuery queryKey={queryKey} queryFn={queryFn} />).toEqualTypeOf<JSX.Element>()
54
+ ;(() => <PrefetchInfiniteQuery {...options} />)()
55
+ expectTypeOf(<PrefetchInfiniteQuery queryKey={queryKey} queryFn={queryFn} />).toEqualTypeOf<React.JSX.Element>()
56
56
  expectTypeOf(<PrefetchInfiniteQuery queryKey={queryKey} queryFn={queryFn} />).not.toEqualTypeOf<ReactNode>()
57
- expectTypeOf(<PrefetchInfiniteQuery {...options}>{() => <></>}</PrefetchInfiniteQuery>).toEqualTypeOf<JSX.Element>()
57
+ expectTypeOf(
58
+ <PrefetchInfiniteQuery {...options}>{() => <></>}</PrefetchInfiniteQuery>
59
+ ).toEqualTypeOf<React.JSX.Element>()
58
60
  expectTypeOf(
59
61
  <PrefetchInfiniteQuery {...options}>{() => <></>}</PrefetchInfiniteQuery>
60
62
  ).not.toEqualTypeOf<ReactNode>()
@@ -6,55 +6,55 @@ import { queryFn, queryKey } from './test-utils'
6
6
 
7
7
  describe('<PrefetchQuery/>', () => {
8
8
  it('type check', () => {
9
- ;() => (
9
+ ;(() => (
10
10
  <PrefetchQuery
11
11
  queryKey={queryKey}
12
12
  queryFn={queryFn}
13
13
  //@ts-expect-error no suspense
14
14
  suspense={boolean}
15
15
  />
16
- )
17
- ;() => (
16
+ ))()
17
+ ;(() => (
18
18
  <PrefetchQuery
19
19
  queryKey={queryKey}
20
20
  queryFn={queryFn}
21
21
  //@ts-expect-error no useErrorBoundary
22
22
  useErrorBoundary={boolean}
23
23
  />
24
- )
25
- ;() => (
24
+ ))()
25
+ ;(() => (
26
26
  <PrefetchQuery
27
27
  queryKey={queryKey}
28
28
  queryFn={queryFn}
29
29
  //@ts-expect-error no enabled
30
30
  enabled={boolean}
31
31
  />
32
- )
33
- ;() => (
32
+ ))()
33
+ ;(() => (
34
34
  <PrefetchQuery
35
35
  queryKey={queryKey}
36
36
  queryFn={queryFn}
37
37
  //@ts-expect-error no placeholderData
38
38
  placeholderData="placeholder"
39
39
  />
40
- )
41
- ;() => (
40
+ ))()
41
+ ;(() => (
42
42
  <PrefetchQuery
43
43
  queryKey={queryKey}
44
44
  queryFn={queryFn}
45
45
  //@ts-expect-error no placeholderData
46
46
  placeholderData="placeholder"
47
47
  />
48
- )
49
- ;() => <PrefetchQuery queryKey={queryKey} queryFn={queryFn} />
48
+ ))()
49
+ ;(() => <PrefetchQuery queryKey={queryKey} queryFn={queryFn} />)()
50
50
  const options = queryOptions({
51
51
  queryKey,
52
52
  queryFn,
53
53
  })
54
- ;() => <PrefetchQuery {...options} />
55
- expectTypeOf(<PrefetchQuery queryKey={queryKey} queryFn={queryFn} />).toEqualTypeOf<JSX.Element>()
54
+ ;(() => <PrefetchQuery {...options} />)()
55
+ expectTypeOf(<PrefetchQuery queryKey={queryKey} queryFn={queryFn} />).toEqualTypeOf<React.JSX.Element>()
56
56
  expectTypeOf(<PrefetchQuery queryKey={queryKey} queryFn={queryFn} />).not.toEqualTypeOf<ReactNode>()
57
- expectTypeOf(<PrefetchQuery {...options}>{() => <></>}</PrefetchQuery>).toEqualTypeOf<JSX.Element>()
57
+ expectTypeOf(<PrefetchQuery {...options}>{() => <></>}</PrefetchQuery>).toEqualTypeOf<React.JSX.Element>()
58
58
  expectTypeOf(<PrefetchQuery {...options}>{() => <></>}</PrefetchQuery>).not.toEqualTypeOf<ReactNode>()
59
59
  })
60
60
  })
@@ -6,27 +6,27 @@ const reactQueryContext = createContext<QueryClient | undefined>(new QueryClient
6
6
 
7
7
  describe('<QueryClientConsumer/>', () => {
8
8
  it('type check', () => {
9
- ;() => (
9
+ ;(() => (
10
10
  <QueryClientConsumer>
11
11
  {(queryClient) => {
12
12
  expectTypeOf(queryClient).toEqualTypeOf<QueryClient>()
13
13
  return <></>
14
14
  }}
15
15
  </QueryClientConsumer>
16
- )
17
- ;() => (
16
+ ))()
17
+ ;(() => (
18
18
  <QueryClientConsumer context={reactQueryContext}>
19
19
  {(queryClient) => {
20
20
  expectTypeOf(queryClient).toEqualTypeOf<QueryClient>()
21
21
  return <></>
22
22
  }}
23
23
  </QueryClientConsumer>
24
- )
25
- expectTypeOf(<QueryClientConsumer>{() => <></>}</QueryClientConsumer>).toEqualTypeOf<JSX.Element>()
24
+ ))()
25
+ expectTypeOf(<QueryClientConsumer>{() => <></>}</QueryClientConsumer>).toEqualTypeOf<React.JSX.Element>()
26
26
  expectTypeOf(<QueryClientConsumer>{() => <></>}</QueryClientConsumer>).not.toEqualTypeOf<ReactNode>()
27
27
  expectTypeOf(
28
28
  <QueryClientConsumer context={reactQueryContext}>{() => <></>}</QueryClientConsumer>
29
- ).toEqualTypeOf<JSX.Element>()
29
+ ).toEqualTypeOf<React.JSX.Element>()
30
30
  expectTypeOf(
31
31
  <QueryClientConsumer context={reactQueryContext}>{() => <></>}</QueryClientConsumer>
32
32
  ).not.toEqualTypeOf<ReactNode>()
@@ -4,7 +4,7 @@ import { type ComponentPropsWithoutRef, type ComponentRef, forwardRef } from 're
4
4
 
5
5
  /**
6
6
  * This component wrapping QueryErrorResetBoundary of `@tanstack/react-query` with `@suspensive/react`'s ErrorBoundary. So you must install `@suspensive/react` first, then use it. with this component, You don't have to make unnecessary repetitive implementation to combine ErrorBoundary with QueryErrorResetBoundary
7
- * @see {@link https://suspensive.org/en/docs/react-query/QueryErrorBoundary Suspensive Docs}
7
+ * @deprecated this interface will be removed in the next major version. Please make this component yourself by combining ErrorBoundary of `@suspensive/react` and useQueryErrorResetBoundary of `@tanstack/react-query`
8
8
  * @example
9
9
  * ```tsx
10
10
  * <QueryErrorBoundary
@@ -31,5 +31,6 @@ export const QueryErrorBoundary = forwardRef<
31
31
  )
32
32
  })
33
33
  if (process.env.NODE_ENV === 'development') {
34
+ // eslint-disable-next-line @typescript-eslint/no-deprecated
34
35
  QueryErrorBoundary.displayName = 'QueryErrorBoundary'
35
36
  }
@@ -8,7 +8,7 @@ import type { UseSuspenseInfiniteQueryResult } from './useSuspenseInfiniteQuery'
8
8
 
9
9
  describe('<SuspenseInfiniteQuery/>', () => {
10
10
  it('type check', () => {
11
- ;() => (
11
+ ;(() => (
12
12
  <SuspenseInfiniteQuery
13
13
  queryKey={queryKey}
14
14
  queryFn={queryFn}
@@ -17,8 +17,8 @@ describe('<SuspenseInfiniteQuery/>', () => {
17
17
  >
18
18
  {(query) => <>{query.data.pages.filter(({ text }) => text)}</>}
19
19
  </SuspenseInfiniteQuery>
20
- )
21
- ;() => (
20
+ ))()
21
+ ;(() => (
22
22
  <SuspenseInfiniteQuery
23
23
  queryKey={queryKey}
24
24
  queryFn={queryFn}
@@ -27,8 +27,8 @@ describe('<SuspenseInfiniteQuery/>', () => {
27
27
  >
28
28
  {(query) => <>{query.data.pages.filter(({ text }) => text)}</>}
29
29
  </SuspenseInfiniteQuery>
30
- )
31
- ;() => (
30
+ ))()
31
+ ;(() => (
32
32
  <SuspenseInfiniteQuery
33
33
  queryKey={queryKey}
34
34
  queryFn={queryFn}
@@ -37,8 +37,8 @@ describe('<SuspenseInfiniteQuery/>', () => {
37
37
  >
38
38
  {(query) => <>{query.data.pages.filter(({ text }) => text)}</>}
39
39
  </SuspenseInfiniteQuery>
40
- )
41
- ;() => (
40
+ ))()
41
+ ;(() => (
42
42
  <SuspenseInfiniteQuery
43
43
  queryKey={queryKey}
44
44
  queryFn={queryFn}
@@ -47,8 +47,8 @@ describe('<SuspenseInfiniteQuery/>', () => {
47
47
  >
48
48
  {(query) => <>{query.data.pages.filter(({ text }) => text)}</>}
49
49
  </SuspenseInfiniteQuery>
50
- )
51
- ;() => (
50
+ ))()
51
+ ;(() => (
52
52
  <SuspenseInfiniteQuery
53
53
  queryKey={queryKey}
54
54
  queryFn={queryFn}
@@ -57,8 +57,8 @@ describe('<SuspenseInfiniteQuery/>', () => {
57
57
  >
58
58
  {(query) => <>{query.data.pages.filter(({ text }) => text)}</>}
59
59
  </SuspenseInfiniteQuery>
60
- )
61
- ;() => (
60
+ ))()
61
+ ;(() => (
62
62
  <SuspenseInfiniteQuery queryKey={queryKey} queryFn={queryFn}>
63
63
  {(query) => {
64
64
  expectTypeOf(query).toEqualTypeOf<UseSuspenseInfiniteQueryResult<{ text: string }>>()
@@ -67,8 +67,8 @@ describe('<SuspenseInfiniteQuery/>', () => {
67
67
  return <></>
68
68
  }}
69
69
  </SuspenseInfiniteQuery>
70
- )
71
- ;() => (
70
+ ))()
71
+ ;(() => (
72
72
  <SuspenseInfiniteQuery
73
73
  queryKey={queryKey}
74
74
  queryFn={queryFn}
@@ -84,11 +84,11 @@ describe('<SuspenseInfiniteQuery/>', () => {
84
84
  return <></>
85
85
  }}
86
86
  </SuspenseInfiniteQuery>
87
- )
87
+ ))()
88
88
 
89
89
  const options = infiniteQueryOptions({ queryKey, queryFn })
90
90
 
91
- ;() => (
91
+ ;(() => (
92
92
  <SuspenseInfiniteQuery {...options}>
93
93
  {(query) => {
94
94
  expectTypeOf(query).toEqualTypeOf<UseSuspenseInfiniteQueryResult<{ text: string }>>()
@@ -97,8 +97,8 @@ describe('<SuspenseInfiniteQuery/>', () => {
97
97
  return <></>
98
98
  }}
99
99
  </SuspenseInfiniteQuery>
100
- )
101
- ;() => (
100
+ ))()
101
+ ;(() => (
102
102
  <SuspenseInfiniteQuery
103
103
  {...options}
104
104
  select={(data) => ({
@@ -113,19 +113,21 @@ describe('<SuspenseInfiniteQuery/>', () => {
113
113
  return <></>
114
114
  }}
115
115
  </SuspenseInfiniteQuery>
116
- )
116
+ ))()
117
117
 
118
118
  expectTypeOf(
119
119
  <SuspenseInfiniteQuery queryKey={queryKey} queryFn={queryFn}>
120
120
  {() => <></>}
121
121
  </SuspenseInfiniteQuery>
122
- ).toEqualTypeOf<JSX.Element>()
122
+ ).toEqualTypeOf<React.JSX.Element>()
123
123
  expectTypeOf(
124
124
  <SuspenseInfiniteQuery queryKey={queryKey} queryFn={queryFn}>
125
125
  {() => <></>}
126
126
  </SuspenseInfiniteQuery>
127
127
  ).not.toEqualTypeOf<ReactNode>()
128
- expectTypeOf(<SuspenseInfiniteQuery {...options}>{() => <></>}</SuspenseInfiniteQuery>).toEqualTypeOf<JSX.Element>()
128
+ expectTypeOf(
129
+ <SuspenseInfiniteQuery {...options}>{() => <></>}</SuspenseInfiniteQuery>
130
+ ).toEqualTypeOf<React.JSX.Element>()
129
131
  expectTypeOf(
130
132
  <SuspenseInfiniteQuery {...options}>{() => <></>}</SuspenseInfiniteQuery>
131
133
  ).not.toEqualTypeOf<ReactNode>()
@@ -7,7 +7,7 @@ import type { UseSuspenseQueryResult } from './useSuspenseQuery'
7
7
 
8
8
  describe('<SuspenseQueries/>', () => {
9
9
  it('type check', () => {
10
- ;() => (
10
+ ;(() => (
11
11
  <SuspenseQueries queries={[{ queryKey, queryFn }]}>
12
12
  {([
13
13
  query1,
@@ -22,8 +22,8 @@ describe('<SuspenseQueries/>', () => {
22
22
  return <></>
23
23
  }}
24
24
  </SuspenseQueries>
25
- )
26
- ;() => (
25
+ ))()
26
+ ;(() => (
27
27
  <SuspenseQueries queries={[{ queryKey, queryFn }, queryOptions({ queryKey, queryFn })]}>
28
28
  {([
29
29
  query1,
@@ -38,11 +38,11 @@ describe('<SuspenseQueries/>', () => {
38
38
  return <></>
39
39
  }}
40
40
  </SuspenseQueries>
41
- )
41
+ ))()
42
42
 
43
43
  expectTypeOf(
44
44
  <SuspenseQueries queries={[{ queryKey, queryFn }]}>{() => <></>}</SuspenseQueries>
45
- ).toEqualTypeOf<JSX.Element>()
45
+ ).toEqualTypeOf<React.JSX.Element>()
46
46
  expectTypeOf(
47
47
  <SuspenseQueries queries={[{ queryKey, queryFn }]}>{() => <></>}</SuspenseQueries>
48
48
  ).not.toEqualTypeOf<ReactNode>()
@@ -7,7 +7,7 @@ import type { UseSuspenseQueryResult } from './useSuspenseQuery'
7
7
 
8
8
  describe('<SuspenseQuery/>', () => {
9
9
  it('type check', () => {
10
- ;() => (
10
+ ;(() => (
11
11
  <SuspenseQuery
12
12
  queryKey={queryKey}
13
13
  queryFn={queryFn}
@@ -16,8 +16,8 @@ describe('<SuspenseQuery/>', () => {
16
16
  >
17
17
  {(query) => <>{query.data.text}</>}
18
18
  </SuspenseQuery>
19
- )
20
- ;() => (
19
+ ))()
20
+ ;(() => (
21
21
  <SuspenseQuery
22
22
  queryKey={queryKey}
23
23
  queryFn={queryFn}
@@ -26,8 +26,8 @@ describe('<SuspenseQuery/>', () => {
26
26
  >
27
27
  {(query) => <>{query.data.text}</>}
28
28
  </SuspenseQuery>
29
- )
30
- ;() => (
29
+ ))()
30
+ ;(() => (
31
31
  <SuspenseQuery
32
32
  queryKey={queryKey}
33
33
  queryFn={queryFn}
@@ -36,8 +36,8 @@ describe('<SuspenseQuery/>', () => {
36
36
  >
37
37
  {(query) => <>{query.data.text}</>}
38
38
  </SuspenseQuery>
39
- )
40
- ;() => (
39
+ ))()
40
+ ;(() => (
41
41
  <SuspenseQuery
42
42
  queryKey={queryKey}
43
43
  queryFn={queryFn}
@@ -46,8 +46,8 @@ describe('<SuspenseQuery/>', () => {
46
46
  >
47
47
  {(query) => <>{query.data.text}</>}
48
48
  </SuspenseQuery>
49
- )
50
- ;() => (
49
+ ))()
50
+ ;(() => (
51
51
  <SuspenseQuery
52
52
  queryKey={queryKey}
53
53
  queryFn={queryFn}
@@ -56,8 +56,8 @@ describe('<SuspenseQuery/>', () => {
56
56
  >
57
57
  {(query) => <>{query.data.text}</>}
58
58
  </SuspenseQuery>
59
- )
60
- ;() => (
59
+ ))()
60
+ ;(() => (
61
61
  <SuspenseQuery queryKey={queryKey} queryFn={queryFn}>
62
62
  {(query) => {
63
63
  expectTypeOf(query).toEqualTypeOf<UseSuspenseQueryResult<{ text: string }>>()
@@ -66,8 +66,8 @@ describe('<SuspenseQuery/>', () => {
66
66
  return <></>
67
67
  }}
68
68
  </SuspenseQuery>
69
- )
70
- ;() => (
69
+ ))()
70
+ ;(() => (
71
71
  <SuspenseQuery queryKey={queryKey} queryFn={queryFn} select={(data) => data.text}>
72
72
  {(selectedQuery) => {
73
73
  expectTypeOf(selectedQuery).toEqualTypeOf<UseSuspenseQueryResult<string>>()
@@ -76,14 +76,14 @@ describe('<SuspenseQuery/>', () => {
76
76
  return <></>
77
77
  }}
78
78
  </SuspenseQuery>
79
- )
79
+ ))()
80
80
 
81
81
  const options = queryOptions({
82
82
  queryKey,
83
83
  queryFn,
84
84
  })
85
85
 
86
- ;() => (
86
+ ;(() => (
87
87
  <SuspenseQuery {...options}>
88
88
  {(query) => {
89
89
  expectTypeOf(query).toEqualTypeOf<UseSuspenseQueryResult<{ text: string }>>()
@@ -92,8 +92,8 @@ describe('<SuspenseQuery/>', () => {
92
92
  return <></>
93
93
  }}
94
94
  </SuspenseQuery>
95
- )
96
- ;() => (
95
+ ))()
96
+ ;(() => (
97
97
  <SuspenseQuery {...options} select={(data) => data.text}>
98
98
  {(selectedQuery) => {
99
99
  expectTypeOf(selectedQuery).toEqualTypeOf<UseSuspenseQueryResult<string>>()
@@ -102,19 +102,19 @@ describe('<SuspenseQuery/>', () => {
102
102
  return <></>
103
103
  }}
104
104
  </SuspenseQuery>
105
- )
105
+ ))()
106
106
 
107
107
  expectTypeOf(
108
108
  <SuspenseQuery queryKey={queryKey} queryFn={queryFn}>
109
109
  {() => <></>}
110
110
  </SuspenseQuery>
111
- ).toEqualTypeOf<JSX.Element>()
111
+ ).toEqualTypeOf<React.JSX.Element>()
112
112
  expectTypeOf(
113
113
  <SuspenseQuery queryKey={queryKey} queryFn={queryFn}>
114
114
  {() => <></>}
115
115
  </SuspenseQuery>
116
116
  ).not.toEqualTypeOf<ReactNode>()
117
- expectTypeOf(<SuspenseQuery {...options}>{() => <></>}</SuspenseQuery>).toEqualTypeOf<JSX.Element>()
117
+ expectTypeOf(<SuspenseQuery {...options}>{() => <></>}</SuspenseQuery>).toEqualTypeOf<React.JSX.Element>()
118
118
  expectTypeOf(<SuspenseQuery {...options}>{() => <></>}</SuspenseQuery>).not.toEqualTypeOf<ReactNode>()
119
119
  })
120
120
  })
@@ -0,0 +1,14 @@
1
+ import { infiniteQueryOptions } from './infiniteQueryOptions'
2
+ import { queryFn, queryKey } from './test-utils'
3
+ import { usePrefetchInfiniteQuery } from './usePrefetchInfiniteQuery'
4
+
5
+ describe('usePrefetchInfiniteQuery', () => {
6
+ it('type check', () => {
7
+ expectTypeOf(usePrefetchInfiniteQuery({ queryFn, queryKey }))
8
+ // eslint-disable-next-line @typescript-eslint/no-invalid-void-type
9
+ .toEqualTypeOf<void>()
10
+ expectTypeOf(usePrefetchInfiniteQuery(infiniteQueryOptions({ queryFn, queryKey })))
11
+ // eslint-disable-next-line @typescript-eslint/no-invalid-void-type
12
+ .toEqualTypeOf<void>()
13
+ })
14
+ })
@@ -0,0 +1,14 @@
1
+ import { queryOptions } from './queryOptions'
2
+ import { queryFn, queryKey } from './test-utils'
3
+ import { usePrefetchQuery } from './usePrefetchQuery'
4
+
5
+ describe('usePrefetchQuery', () => {
6
+ it('type check', () => {
7
+ expectTypeOf(usePrefetchQuery({ queryFn, queryKey }))
8
+ // eslint-disable-next-line @typescript-eslint/no-invalid-void-type
9
+ .toEqualTypeOf<void>()
10
+ expectTypeOf(usePrefetchQuery(queryOptions({ queryFn, queryKey })))
11
+ // eslint-disable-next-line @typescript-eslint/no-invalid-void-type
12
+ .toEqualTypeOf<void>()
13
+ })
14
+ })
@@ -32,6 +32,7 @@ describe('useSuspenseInfiniteQuery', () => {
32
32
  // @ts-expect-error no placeholderData
33
33
  placeholderData: 'placeholder',
34
34
  })
35
+ // eslint-disable-next-line @typescript-eslint/no-unused-expressions
35
36
  useSuspenseInfiniteQuery({
36
37
  queryKey,
37
38
  queryFn,
@@ -31,6 +31,7 @@ describe('useSuspenseQuery', () => {
31
31
  //@ts-expect-error no placeholderData
32
32
  placeholderData: 'placeholder',
33
33
  })
34
+ // eslint-disable-next-line @typescript-eslint/no-unused-expressions
34
35
  useSuspenseQuery({
35
36
  queryKey,
36
37
  queryFn,
@@ -116,6 +116,7 @@ describe('OmitKeyof', () => {
116
116
  it("'s symbol key type check", () => {
117
117
  const symbol1 = Symbol()
118
118
  const symbol2 = Symbol()
119
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
119
120
  const symbol3 = Symbol()
120
121
 
121
122
  type A = {
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/QueryErrorBoundary.tsx"],"sourcesContent":["import { ErrorBoundary } from '@suspensive/react'\nimport { useQueryErrorResetBoundary } from '@tanstack/react-query'\nimport { type ComponentPropsWithoutRef, type ComponentRef, forwardRef } from 'react'\n\n/**\n * This component wrapping QueryErrorResetBoundary of `@tanstack/react-query` with `@suspensive/react`'s ErrorBoundary. So you must install `@suspensive/react` first, then use it. with this component, You don't have to make unnecessary repetitive implementation to combine ErrorBoundary with QueryErrorResetBoundary\n * @see {@link https://suspensive.org/en/docs/react-query/QueryErrorBoundary Suspensive Docs}\n * @example\n * ```tsx\n * <QueryErrorBoundary\n * fallback={({ reset, error }) => <></>)}\n * >\n * <ChildrenComponent />\n * </QueryErrorBoundary>\n * ```\n */\nexport const QueryErrorBoundary = forwardRef<\n ComponentRef<typeof ErrorBoundary>,\n ComponentPropsWithoutRef<typeof ErrorBoundary>\n>(({ onReset, ...props }, resetRef) => {\n const { reset } = useQueryErrorResetBoundary()\n return (\n <ErrorBoundary\n {...props}\n onReset={() => {\n onReset?.()\n reset()\n }}\n ref={resetRef}\n />\n )\n})\nif (process.env.NODE_ENV === 'development') {\n QueryErrorBoundary.displayName = 'QueryErrorBoundary'\n}\n"],"mappings":";;;;;;;;AAAA,SAAS,qBAAqB;AAC9B,SAAS,kCAAkC;AAC3C,SAA2D,kBAAkB;AAoBzE;AANG,IAAM,qBAAqB,WAGhC,CAAC,IAAuB,aAAa;AAApC,eAAE,UAnBL,IAmBG,IAAc,kBAAd,IAAc,CAAZ;AACH,QAAM,EAAE,MAAM,IAAI,2BAA2B;AAC7C,SACE;AAAA,IAAC;AAAA,qCACK,QADL;AAAA,MAEC,SAAS,MAAM;AACb;AACA,cAAM;AAAA,MACR;AAAA,MACA,KAAK;AAAA;AAAA,EACP;AAEJ,CAAC;AACD,IAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,qBAAmB,cAAc;AACnC;","names":[]}