@suspensive/react-query-4 2.5.1 → 2.6.1

package/dist/RequiredKeyof-CHKtWddC.d.cts

@@ -0,0 +1,5 @@
+type RequiredKeyof<T, TKey extends keyof T> = T & {
+    [_ in TKey]: Record<never, never>;
+};
+
+export type { RequiredKeyof as R };

package/dist/RequiredKeyof-CHKtWddC.d.ts

@@ -0,0 +1,5 @@
+type RequiredKeyof<T, TKey extends keyof T> = T & {
+    [_ in TKey]: Record<never, never>;
+};
+
+export type { RequiredKeyof as R };

package/dist/chunk-BFNN3IPQ.js

@@ -0,0 +1,11 @@
+"use client"
+
+// src/infiniteQueryOptions.ts
+function infiniteQueryOptions(options) {
+  return options;
+}
+
+export {
+  infiniteQueryOptions
+};
+//# sourceMappingURL=chunk-BFNN3IPQ.js.map

package/dist/chunk-BFNN3IPQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/infiniteQueryOptions.ts"],"sourcesContent":["import type { InfiniteData, QueryKey, UseInfiniteQueryOptions } from '@tanstack/react-query'\nimport type { OmitKeyof, RequiredKeyof } from './utility-types'\n\ntype 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\ntype 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\n/**\n * @experimental This is experimental feature.\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\n/**\n * @experimental This is experimental feature.\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\n/**\n * @experimental This is experimental feature.\n */\nexport function infiniteQueryOptions(options: unknown) {\n  return options\n}\n"],"mappings":";;;AAgFO,SAAS,qBAAqB,SAAkB;AACrD,SAAO;AACT;","names":[]}

package/dist/index.cjs

@@ -54,6 +54,7 @@ __export(src_exports, {
   SuspenseInfiniteQuery: () => SuspenseInfiniteQuery,
   SuspenseQueries: () => SuspenseQueries,
   SuspenseQuery: () => SuspenseQuery,
+  infiniteQueryOptions: () => infiniteQueryOptions,
   queryOptions: () => queryOptions,
   useSuspenseInfiniteQuery: () => useSuspenseInfiniteQuery,
   useSuspenseQueries: () => useSuspenseQueries,
@@ -66,6 +67,11 @@ function queryOptions(options) {
   return options;
 }
 
+// src/infiniteQueryOptions.ts
+function infiniteQueryOptions(options) {
+  return options;
+}
+
 // src/useSuspenseQuery.ts
 var import_react_query = require("@tanstack/react-query");
 function useSuspenseQuery(options) {
@@ -157,6 +163,7 @@ if (process.env.NODE_ENV === "development") {
   SuspenseInfiniteQuery,
   SuspenseQueries,
   SuspenseQuery,
+  infiniteQueryOptions,
   queryOptions,
   useSuspenseInfiniteQuery,
   useSuspenseQueries,

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/queryOptions.ts","../src/useSuspenseQuery.ts","../src/SuspenseQuery.tsx","../src/useSuspenseQueries.ts","../src/SuspenseQueries.tsx","../src/useSuspenseInfiniteQuery.ts","../src/SuspenseInfiniteQuery.tsx","../src/QueryErrorBoundary.tsx"],"sourcesContent":["export { queryOptions } from './queryOptions'\nexport { SuspenseQuery } from './SuspenseQuery'\nexport { SuspenseQueries } from './SuspenseQueries'\nexport { SuspenseInfiniteQuery } from './SuspenseInfiniteQuery'\n\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'\n\nexport { QueryErrorBoundary } from './QueryErrorBoundary'\n","import type { QueryKey, UseQueryOptions } from '@tanstack/react-query'\nimport type { OmitKeyof, RequiredKeyof } from './utility-types'\n\ntype 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\ntype 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>\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>\nexport function queryOptions<\n  TQueryFnData = unknown,\n  TError = unknown,\n  TData = TQueryFnData,\n  TQueryKey extends QueryKey = QueryKey,\n>(\n  options:\n    | SelectedQueryOptions<TQueryFnData, TError, TData, TQueryKey>\n    | UnSelectedQueryOptions<TQueryFnData, TError, TData, TQueryKey>\n) {\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 interface UseSuspenseQueryOptions<\n  TQueryFnData = unknown,\n  TError = unknown,\n  TData = TQueryFnData,\n  TQueryKey extends QueryKey = QueryKey,\n> extends 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/docs/react-query/useSuspenseQuery}\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 { QueryKey } from '@tanstack/react-query'\nimport type { ReactNode } from 'react'\nimport { type UseSuspenseQueryOptions, type UseSuspenseQueryResult, useSuspenseQuery } from './useSuspenseQuery'\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 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/docs/react-query/useSuspenseQueries}\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 type { ReactNode } from 'react'\nimport { type SuspenseQueriesOptions, type SuspenseQueriesResults, useSuspenseQueries } from './useSuspenseQueries'\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 {\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 interface UseSuspenseInfiniteQueryOptions<\n  TQueryFnData = unknown,\n  TError = unknown,\n  TData = TQueryFnData,\n  TQueryKey extends QueryKey = QueryKey,\n> extends 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/docs/react-query/useSuspenseInfiniteQuery}\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 { QueryKey } from '@tanstack/react-query'\nimport type { ReactNode } from 'react'\nimport {\n  type UseSuspenseInfiniteQueryOptions,\n  type UseSuspenseInfiniteQueryResult,\n  useSuspenseInfiniteQuery,\n} from './useSuspenseInfiniteQuery'\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 { 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/docs/react-query/QueryErrorBoundary}\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;;;ACyEO,SAAS,aAMd,SAGA;AACA,SAAO;AACT;;;ACpFA,yBAAmF;AAuB5E,SAAS,iBAKd,SAA0E;AAC1E,aAAO,6BAAiD,iCACnD,UADmD;AAAA,IAEtD,SAAS;AAAA,IACT,kBAAkB;AAAA,IAClB,UAAU;AAAA,EACZ,EAAC;AACH;;;ACrBM;AAVC,IAAM,gBAAgB,CAK3B,OAKC;AALD,eACA;AAAA;AAAA,EAVF,IASE,IAEG,oBAFH,IAEG;AAAA,IADH;AAAA;AAII,oFAAG,mBAAS,iBAAiB,OAAO,CAAC,GAAE;AAAA;;;ACd7C,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;;;ACpHS,IAAAC,sBAAA;AAPF,SAAS,gBAAiC;AAAA,EAC/C;AAAA,EACA;AACF,GAGG;AACD,SAAO,6EAAG,mBAAS,mBAAmB,EAAE,QAAQ,CAAC,CAAC,GAAE;AACtD;;;ACXA,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;;;AC5BM,IAAAC,sBAAA;AAVC,IAAM,wBAAwB,CAKnC,OAKC;AALD,eACA;AAAA;AAAA,EAdF,IAaE,IAEG,oBAFH,IAEG;AAAA,IADH;AAAA;AAII,sFAAG,mBAAS,yBAAyB,OAAO,CAAC,GAAE;AAAA;;;AClBrD,mBAA8B;AAC9B,IAAAC,sBAA2C;AAC3C,IAAAC,gBAA6E;AAYzE,IAAAC,sBAAA;AANG,IAAM,yBAAqB,0BAGhC,CAAC,IAAuB,aAAa;AAApC,eAAE,UAXL,IAWG,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_jsx_runtime","import_react_query","import_jsx_runtime","import_react_query","import_react","import_jsx_runtime"]}
+{"version":3,"sources":["../src/index.ts","../src/queryOptions.ts","../src/infiniteQueryOptions.ts","../src/useSuspenseQuery.ts","../src/SuspenseQuery.tsx","../src/useSuspenseQueries.ts","../src/SuspenseQueries.tsx","../src/useSuspenseInfiniteQuery.ts","../src/SuspenseInfiniteQuery.tsx","../src/QueryErrorBoundary.tsx"],"sourcesContent":["export { queryOptions } from './queryOptions'\nexport { infiniteQueryOptions } from './infiniteQueryOptions'\nexport { SuspenseQuery } from './SuspenseQuery'\nexport { SuspenseQueries } from './SuspenseQueries'\nexport { SuspenseInfiniteQuery } from './SuspenseInfiniteQuery'\n\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'\n\nexport { QueryErrorBoundary } from './QueryErrorBoundary'\n","import type { QueryKey, UseQueryOptions } from '@tanstack/react-query'\nimport type { OmitKeyof, RequiredKeyof } from './utility-types'\n\ntype 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\ntype 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>\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>\nexport function queryOptions<\n  TQueryFnData = unknown,\n  TError = unknown,\n  TData = TQueryFnData,\n  TQueryKey extends QueryKey = QueryKey,\n>(\n  options:\n    | SelectedQueryOptions<TQueryFnData, TError, TData, TQueryKey>\n    | UnSelectedQueryOptions<TQueryFnData, TError, TData, TQueryKey>\n) {\n  return options\n}\n","import type { InfiniteData, QueryKey, UseInfiniteQueryOptions } from '@tanstack/react-query'\nimport type { OmitKeyof, RequiredKeyof } from './utility-types'\n\ntype 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\ntype 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\n/**\n * @experimental This is experimental feature.\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\n/**\n * @experimental This is experimental feature.\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\n/**\n * @experimental This is experimental feature.\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 interface UseSuspenseQueryOptions<\n  TQueryFnData = unknown,\n  TError = unknown,\n  TData = TQueryFnData,\n  TQueryKey extends QueryKey = QueryKey,\n> extends 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/docs/react-query/useSuspenseQuery}\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 { QueryKey } from '@tanstack/react-query'\nimport type { ReactNode } from 'react'\nimport { type UseSuspenseQueryOptions, type UseSuspenseQueryResult, useSuspenseQuery } from './useSuspenseQuery'\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 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/docs/react-query/useSuspenseQueries}\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 type { ReactNode } from 'react'\nimport { type SuspenseQueriesOptions, type SuspenseQueriesResults, useSuspenseQueries } from './useSuspenseQueries'\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 {\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 interface UseSuspenseInfiniteQueryOptions<\n  TQueryFnData = unknown,\n  TError = unknown,\n  TData = TQueryFnData,\n  TQueryKey extends QueryKey = QueryKey,\n> extends 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/docs/react-query/useSuspenseInfiniteQuery}\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 { QueryKey } from '@tanstack/react-query'\nimport type { ReactNode } from 'react'\nimport {\n  type UseSuspenseInfiniteQueryOptions,\n  type UseSuspenseInfiniteQueryResult,\n  useSuspenseInfiniteQuery,\n} from './useSuspenseInfiniteQuery'\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 { 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/docs/react-query/QueryErrorBoundary}\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;;;ACyEO,SAAS,aAMd,SAGA;AACA,SAAO;AACT;;;ACJO,SAAS,qBAAqB,SAAkB;AACrD,SAAO;AACT;;;AClFA,yBAAmF;AAuB5E,SAAS,iBAKd,SAA0E;AAC1E,aAAO,6BAAiD,iCACnD,UADmD;AAAA,IAEtD,SAAS;AAAA,IACT,kBAAkB;AAAA,IAClB,UAAU;AAAA,EACZ,EAAC;AACH;;;ACrBM;AAVC,IAAM,gBAAgB,CAK3B,OAKC;AALD,eACA;AAAA;AAAA,EAVF,IASE,IAEG,oBAFH,IAEG;AAAA,IADH;AAAA;AAII,oFAAG,mBAAS,iBAAiB,OAAO,CAAC,GAAE;AAAA;;;ACd7C,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;;;ACpHS,IAAAC,sBAAA;AAPF,SAAS,gBAAiC;AAAA,EAC/C;AAAA,EACA;AACF,GAGG;AACD,SAAO,6EAAG,mBAAS,mBAAmB,EAAE,QAAQ,CAAC,CAAC,GAAE;AACtD;;;ACXA,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;;;AC5BM,IAAAC,sBAAA;AAVC,IAAM,wBAAwB,CAKnC,OAKC;AALD,eACA;AAAA;AAAA,EAdF,IAaE,IAEG,oBAFH,IAEG;AAAA,IADH;AAAA;AAII,sFAAG,mBAAS,yBAAyB,OAAO,CAAC,GAAE;AAAA;;;AClBrD,mBAA8B;AAC9B,IAAAC,sBAA2C;AAC3C,IAAAC,gBAA6E;AAYzE,IAAAC,sBAAA;AANG,IAAM,yBAAqB,0BAGhC,CAAC,IAAuB,aAAa;AAApC,eAAE,UAXL,IAWG,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_jsx_runtime","import_react_query","import_jsx_runtime","import_react_query","import_react","import_jsx_runtime"]}

package/dist/index.d.cts

@@ -1,4 +1,5 @@
 export { queryOptions } from './queryOptions.cjs';
+export { infiniteQueryOptions } from './infiniteQueryOptions.cjs';
 export { SuspenseQuery } from './SuspenseQuery.cjs';
 export { SuspenseQueries } from './SuspenseQueries.cjs';
 export { SuspenseInfiniteQuery } from './SuspenseInfiniteQuery.cjs';
@@ -8,6 +9,7 @@ export { UseSuspenseInfiniteQueryOptions, UseSuspenseInfiniteQueryResult, useSus
 export { QueryErrorBoundary } from './QueryErrorBoundary.cjs';
 import '@tanstack/react-query';
 import './OmitKeyof-CFsZLI4k.cjs';
+import './RequiredKeyof-CHKtWddC.cjs';
 import 'react/jsx-runtime';
 import 'react';
 import '@suspensive/react';

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 export { queryOptions } from './queryOptions.js';
+export { infiniteQueryOptions } from './infiniteQueryOptions.js';
 export { SuspenseQuery } from './SuspenseQuery.js';
 export { SuspenseQueries } from './SuspenseQueries.js';
 export { SuspenseInfiniteQuery } from './SuspenseInfiniteQuery.js';
@@ -8,6 +9,7 @@ export { UseSuspenseInfiniteQueryOptions, UseSuspenseInfiniteQueryResult, useSus
 export { QueryErrorBoundary } from './QueryErrorBoundary.js';
 import '@tanstack/react-query';
 import './OmitKeyof-CFsZLI4k.js';
+import './RequiredKeyof-CHKtWddC.js';
 import 'react/jsx-runtime';
 import 'react';
 import '@suspensive/react';

package/dist/index.js

@@ -8,27 +8,31 @@ import {
 import {
   SuspenseQueries
 } from "./chunk-HJAGY6R3.js";
+import {
+  useSuspenseQueries
+} from "./chunk-S7L2LUVS.js";
 import {
   SuspenseQuery
 } from "./chunk-VZUIX5KZ.js";
 import {
   useSuspenseQuery
 } from "./chunk-J3EHCRU6.js";
+import {
+  infiniteQueryOptions
+} from "./chunk-BFNN3IPQ.js";
 import {
   queryOptions
 } from "./chunk-6NEAC47I.js";
 import {
   useSuspenseInfiniteQuery
 } from "./chunk-3B63MBHY.js";
-import {
-  useSuspenseQueries
-} from "./chunk-S7L2LUVS.js";
 import "./chunk-QETBZSG5.js";
 export {
   QueryErrorBoundary,
   SuspenseInfiniteQuery,
   SuspenseQueries,
   SuspenseQuery,
+  infiniteQueryOptions,
   queryOptions,
   useSuspenseInfiniteQuery,
   useSuspenseQueries,

package/dist/infiniteQueryOptions.cjs

@@ -0,0 +1,34 @@
+"use client"
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/infiniteQueryOptions.ts
+var infiniteQueryOptions_exports = {};
+__export(infiniteQueryOptions_exports, {
+  infiniteQueryOptions: () => infiniteQueryOptions
+});
+module.exports = __toCommonJS(infiniteQueryOptions_exports);
+function infiniteQueryOptions(options) {
+  return options;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  infiniteQueryOptions
+});
+//# sourceMappingURL=infiniteQueryOptions.cjs.map

package/dist/infiniteQueryOptions.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/infiniteQueryOptions.ts"],"sourcesContent":["import type { InfiniteData, QueryKey, UseInfiniteQueryOptions } from '@tanstack/react-query'\nimport type { OmitKeyof, RequiredKeyof } from './utility-types'\n\ntype 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\ntype 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\n/**\n * @experimental This is experimental feature.\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\n/**\n * @experimental This is experimental feature.\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\n/**\n * @experimental This is experimental feature.\n */\nexport function infiniteQueryOptions(options: unknown) {\n  return options\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAgFO,SAAS,qBAAqB,SAAkB;AACrD,SAAO;AACT;","names":[]}

package/dist/infiniteQueryOptions.d.cts

@@ -0,0 +1,20 @@
+import { InfiniteData, QueryKey, UseInfiniteQueryOptions } from '@tanstack/react-query';
+import { O as OmitKeyof } from './OmitKeyof-CFsZLI4k.cjs';
+import { R as RequiredKeyof } from './RequiredKeyof-CHKtWddC.cjs';
+
+type SelectedInfiniteOptions<TQueryFnData, TError = unknown, TData = InfiniteData<TQueryFnData>, TQueryKey extends QueryKey = QueryKey> = RequiredKeyof<OmitKeyof<UseInfiniteQueryOptions<TQueryFnData, TError, TData, TQueryFnData, TQueryKey>, 'queryKeyHashFn' | '_defaulted' | 'behavior' | 'structuralSharing' | 'isDataEqual' | 'onSuccess' | 'onError' | 'onSettled' | 'enabled' | 'refetchInterval' | 'initialData'>, 'queryKey' | 'queryFn'> & {
+    select: (data: InfiniteData<TQueryFnData>) => InfiniteData<TData>;
+};
+type UnSelectedInfiniteOptions<TQueryFnData, TError = unknown, TData = InfiniteData<TQueryFnData>, TQueryKey extends QueryKey = QueryKey> = RequiredKeyof<OmitKeyof<UseInfiniteQueryOptions<TQueryFnData, TError, TData, TQueryFnData, TQueryKey>, 'queryKeyHashFn' | '_defaulted' | 'behavior' | 'structuralSharing' | 'isDataEqual' | 'onSuccess' | 'onError' | 'onSettled' | 'enabled' | 'refetchInterval' | 'initialData'>, 'queryKey' | 'queryFn'> & {
+    select?: undefined;
+};
+/**
+ * @experimental This is experimental feature.
+ */
+declare function infiniteQueryOptions<TQueryFnData, TError = unknown, TData = InfiniteData<TQueryFnData>, TQueryKey extends QueryKey = QueryKey>(options: SelectedInfiniteOptions<TQueryFnData, TError, TData, TQueryKey>): SelectedInfiniteOptions<TQueryFnData, TError, TData, TQueryKey>;
+/**
+ * @experimental This is experimental feature.
+ */
+declare function infiniteQueryOptions<TQueryFnData, TError = unknown, TData = InfiniteData<TQueryFnData>, TQueryKey extends QueryKey = QueryKey>(options: UnSelectedInfiniteOptions<TQueryFnData, TError, TData, TQueryKey>): UnSelectedInfiniteOptions<TQueryFnData, TError, TData, TQueryKey>;
+
+export { infiniteQueryOptions };

package/dist/infiniteQueryOptions.d.ts

@@ -0,0 +1,20 @@
+import { InfiniteData, QueryKey, UseInfiniteQueryOptions } from '@tanstack/react-query';
+import { O as OmitKeyof } from './OmitKeyof-CFsZLI4k.js';
+import { R as RequiredKeyof } from './RequiredKeyof-CHKtWddC.js';
+
+type SelectedInfiniteOptions<TQueryFnData, TError = unknown, TData = InfiniteData<TQueryFnData>, TQueryKey extends QueryKey = QueryKey> = RequiredKeyof<OmitKeyof<UseInfiniteQueryOptions<TQueryFnData, TError, TData, TQueryFnData, TQueryKey>, 'queryKeyHashFn' | '_defaulted' | 'behavior' | 'structuralSharing' | 'isDataEqual' | 'onSuccess' | 'onError' | 'onSettled' | 'enabled' | 'refetchInterval' | 'initialData'>, 'queryKey' | 'queryFn'> & {
+    select: (data: InfiniteData<TQueryFnData>) => InfiniteData<TData>;
+};
+type UnSelectedInfiniteOptions<TQueryFnData, TError = unknown, TData = InfiniteData<TQueryFnData>, TQueryKey extends QueryKey = QueryKey> = RequiredKeyof<OmitKeyof<UseInfiniteQueryOptions<TQueryFnData, TError, TData, TQueryFnData, TQueryKey>, 'queryKeyHashFn' | '_defaulted' | 'behavior' | 'structuralSharing' | 'isDataEqual' | 'onSuccess' | 'onError' | 'onSettled' | 'enabled' | 'refetchInterval' | 'initialData'>, 'queryKey' | 'queryFn'> & {
+    select?: undefined;
+};
+/**
+ * @experimental This is experimental feature.
+ */
+declare function infiniteQueryOptions<TQueryFnData, TError = unknown, TData = InfiniteData<TQueryFnData>, TQueryKey extends QueryKey = QueryKey>(options: SelectedInfiniteOptions<TQueryFnData, TError, TData, TQueryKey>): SelectedInfiniteOptions<TQueryFnData, TError, TData, TQueryKey>;
+/**
+ * @experimental This is experimental feature.
+ */
+declare function infiniteQueryOptions<TQueryFnData, TError = unknown, TData = InfiniteData<TQueryFnData>, TQueryKey extends QueryKey = QueryKey>(options: UnSelectedInfiniteOptions<TQueryFnData, TError, TData, TQueryKey>): UnSelectedInfiniteOptions<TQueryFnData, TError, TData, TQueryKey>;
+
+export { infiniteQueryOptions };

package/dist/infiniteQueryOptions.js

@@ -0,0 +1,9 @@
+"use client"
+import {
+  infiniteQueryOptions
+} from "./chunk-BFNN3IPQ.js";
+import "./chunk-QETBZSG5.js";
+export {
+  infiniteQueryOptions
+};
+//# sourceMappingURL=infiniteQueryOptions.js.map

package/dist/infiniteQueryOptions.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/queryOptions.d.cts

@@ -1,9 +1,6 @@
 import { QueryKey, UseQueryOptions } from '@tanstack/react-query';
 import { O as OmitKeyof } from './OmitKeyof-CFsZLI4k.cjs';
-
-type RequiredKeyof<T, TKey extends keyof T> = T & {
-    [_ in TKey]: Record<never, never>;
-};
+import { R as RequiredKeyof } from './RequiredKeyof-CHKtWddC.cjs';
 
 type SelectedQueryOptions<TQueryFnData = unknown, TError = unknown, TData = TQueryFnData, TQueryKey extends QueryKey = QueryKey> = RequiredKeyof<OmitKeyof<UseQueryOptions<TQueryFnData, TError, TData, TQueryKey>, 'getNextPageParam' | 'getPreviousPageParam' | 'queryKeyHashFn' | '_defaulted' | 'behavior' | 'structuralSharing' | 'isDataEqual' | 'onSuccess' | 'onError' | 'onSettled' | 'enabled' | 'refetchInterval' | 'initialData'>, 'queryKey' | 'queryFn'> & {
     select: (data: TQueryFnData) => TData;

package/dist/queryOptions.d.ts

@@ -1,9 +1,6 @@
 import { QueryKey, UseQueryOptions } from '@tanstack/react-query';
 import { O as OmitKeyof } from './OmitKeyof-CFsZLI4k.js';
-
-type RequiredKeyof<T, TKey extends keyof T> = T & {
-    [_ in TKey]: Record<never, never>;
-};
+import { R as RequiredKeyof } from './RequiredKeyof-CHKtWddC.js';
 
 type SelectedQueryOptions<TQueryFnData = unknown, TError = unknown, TData = TQueryFnData, TQueryKey extends QueryKey = QueryKey> = RequiredKeyof<OmitKeyof<UseQueryOptions<TQueryFnData, TError, TData, TQueryKey>, 'getNextPageParam' | 'getPreviousPageParam' | 'queryKeyHashFn' | '_defaulted' | 'behavior' | 'structuralSharing' | 'isDataEqual' | 'onSuccess' | 'onError' | 'onSettled' | 'enabled' | 'refetchInterval' | 'initialData'>, 'queryKey' | 'queryFn'> & {
     select: (data: TQueryFnData) => TData;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@suspensive/react-query-4",
-  "version": "2.5.1",
+  "version": "2.6.1",
   "description": "Useful helpers for @tanstack/react-query@4 with suspense",
   "keywords": [
     "suspensive",
@@ -15,10 +15,7 @@
     "directory": "packages/react-query-4"
   },
   "license": "MIT",
-  "author": {
-    "name": "Jonghyeon Ko",
-    "email": "jonghyeon@toss.im"
-  },
+  "author": "Jonghyeon Ko <jonghyeon@toss.im>",
   "sideEffects": false,
   "type": "module",
   "exports": {
@@ -48,7 +45,7 @@
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "@suspensive/eslint-config": "0.0.0",
-    "@suspensive/react": "2.5.1",
+    "@suspensive/react": "2.6.1",
     "@suspensive/test-utils": "0.0.0",
     "@suspensive/tsconfig": "0.0.0-development",
     "@suspensive/tsup": "0.0.0"
@@ -56,7 +53,7 @@
   "peerDependencies": {
     "@tanstack/react-query": "^4",
     "react": "^18",
-    "@suspensive/react": "^2.5.12.5.1"
+    "@suspensive/react": "^2.6.12.6.1"
   },
   "peerDependenciesMeta": {
     "@suspensive/react": {

package/src/SuspenseInfiniteQuery.test-d.tsx

@@ -2,6 +2,7 @@ import { queryFn, queryKey } from '@suspensive/test-utils'
 import type { InfiniteData } from '@tanstack/react-query'
 import type { ReactNode } from 'react'
 import { describe, expectTypeOf, it } from 'vitest'
+import { infiniteQueryOptions } from './infiniteQueryOptions'
 import { SuspenseInfiniteQuery } from './SuspenseInfiniteQuery'
 import type { UseSuspenseInfiniteQueryResult } from './useSuspenseInfiniteQuery'
 
@@ -88,6 +89,35 @@ describe('<SuspenseInfiniteQuery/>', () => {
       </SuspenseInfiniteQuery>
     )
 
+    const options = infiniteQueryOptions({ queryKey, queryFn })
+
+    ;() => (
+      <SuspenseInfiniteQuery {...options}>
+        {(query) => {
+          expectTypeOf(query).toEqualTypeOf<UseSuspenseInfiniteQueryResult<{ text: string }>>()
+          expectTypeOf(query.data).toEqualTypeOf<InfiniteData<{ text: string }>>()
+          expectTypeOf(query.status).toEqualTypeOf<'success'>()
+          return <></>
+        }}
+      </SuspenseInfiniteQuery>
+    )
+    ;() => (
+      <SuspenseInfiniteQuery
+        {...options}
+        select={(data) => ({
+          pages: data.pages.map(({ text }) => text),
+          pageParams: data.pageParams,
+        })}
+      >
+        {(selectedQuery) => {
+          expectTypeOf(selectedQuery).toEqualTypeOf<UseSuspenseInfiniteQueryResult<string>>()
+          expectTypeOf(selectedQuery.data).toEqualTypeOf<InfiniteData<string>>()
+          expectTypeOf(selectedQuery.status).toEqualTypeOf<'success'>()
+          return <></>
+        }}
+      </SuspenseInfiniteQuery>
+    )
+
     expectTypeOf(
       <SuspenseInfiniteQuery queryKey={queryKey} queryFn={queryFn}>
         {() => <></>}
@@ -98,5 +128,9 @@ describe('<SuspenseInfiniteQuery/>', () => {
         {() => <></>}
       </SuspenseInfiniteQuery>
     ).not.toEqualTypeOf<ReactNode>()
+    expectTypeOf(<SuspenseInfiniteQuery {...options}>{() => <></>}</SuspenseInfiniteQuery>).toEqualTypeOf<JSX.Element>()
+    expectTypeOf(
+      <SuspenseInfiniteQuery {...options}>{() => <></>}</SuspenseInfiniteQuery>
+    ).not.toEqualTypeOf<ReactNode>()
   })
 })

package/src/SuspenseQueries.test-d.tsx

@@ -1,6 +1,7 @@
 import { queryFn, queryKey } from '@suspensive/test-utils'
 import type { ReactNode } from 'react'
 import { describe, expectTypeOf, it } from 'vitest'
+import { queryOptions } from './queryOptions'
 import { SuspenseQueries } from './SuspenseQueries'
 import type { UseSuspenseQueryResult } from './useSuspenseQuery'
 
@@ -23,12 +24,7 @@ describe('<SuspenseQueries/>', () => {
       </SuspenseQueries>
     )
     ;() => (
-      <SuspenseQueries
-        queries={[
-          { queryKey, queryFn },
-          { queryKey, queryFn },
-        ]}
-      >
+      <SuspenseQueries queries={[{ queryKey, queryFn }, queryOptions({ queryKey, queryFn })]}>
         {([
           query1,
 

package/src/SuspenseQuery.test-d.tsx

@@ -1,6 +1,7 @@
 import { queryFn, queryKey } from '@suspensive/test-utils'
 import type { ReactNode } from 'react'
 import { describe, expectTypeOf, it } from 'vitest'
+import { queryOptions } from './queryOptions'
 import { SuspenseQuery } from './SuspenseQuery'
 import type { UseSuspenseQueryResult } from './useSuspenseQuery'
 
@@ -80,6 +81,32 @@ describe('<SuspenseQuery/>', () => {
       </SuspenseQuery>
     )
 
+    const options = queryOptions({
+      queryKey,
+      queryFn,
+    })
+
+    ;() => (
+      <SuspenseQuery {...options}>
+        {(query) => {
+          expectTypeOf(query).toEqualTypeOf<UseSuspenseQueryResult<{ text: string }>>()
+          expectTypeOf(query.data).toEqualTypeOf<{ text: string }>()
+          expectTypeOf(query.status).toEqualTypeOf<'success'>()
+          return <></>
+        }}
+      </SuspenseQuery>
+    )
+    ;() => (
+      <SuspenseQuery {...options} select={(data) => data.text}>
+        {(selectedQuery) => {
+          expectTypeOf(selectedQuery).toEqualTypeOf<UseSuspenseQueryResult<string>>()
+          expectTypeOf(selectedQuery.data).toEqualTypeOf<string>()
+          expectTypeOf(selectedQuery.status).toEqualTypeOf<'success'>()
+          return <></>
+        }}
+      </SuspenseQuery>
+    )
+
     expectTypeOf(
       <SuspenseQuery queryKey={queryKey} queryFn={queryFn}>
         {() => <></>}
@@ -90,5 +117,7 @@ describe('<SuspenseQuery/>', () => {
         {() => <></>}
       </SuspenseQuery>
     ).not.toEqualTypeOf<ReactNode>()
+    expectTypeOf(<SuspenseQuery {...options}>{() => <></>}</SuspenseQuery>).toEqualTypeOf<JSX.Element>()
+    expectTypeOf(<SuspenseQuery {...options}>{() => <></>}</SuspenseQuery>).not.toEqualTypeOf<ReactNode>()
   })
 })

package/src/index.ts

@@ -1,4 +1,5 @@
 export { queryOptions } from './queryOptions'
+export { infiniteQueryOptions } from './infiniteQueryOptions'
 export { SuspenseQuery } from './SuspenseQuery'
 export { SuspenseQueries } from './SuspenseQueries'
 export { SuspenseInfiniteQuery } from './SuspenseInfiniteQuery'

package/src/infiniteQueryOptions.test-d.tsx

@@ -0,0 +1,94 @@
+import { queryKey } from '@suspensive/test-utils'
+import { type InfiniteData, type UseInfiniteQueryResult, useInfiniteQuery, useQueryClient } from '@tanstack/react-query'
+import { describe, expectTypeOf, it } from 'vitest'
+import { infiniteQueryOptions } from './infiniteQueryOptions'
+import { SuspenseInfiniteQuery } from './SuspenseInfiniteQuery'
+import { type UseSuspenseInfiniteQueryResult, useSuspenseInfiniteQuery } from './useSuspenseInfiniteQuery'
+
+const infiniteQuery = {
+  options1: () =>
+    infiniteQueryOptions({
+      queryKey: [...queryKey, 1] as const,
+      queryFn: () => Promise.resolve({ field: 'success' }),
+    }),
+  options2: () =>
+    infiniteQueryOptions({
+      queryKey: [...queryKey, 2] as const,
+      queryFn: () => Promise.resolve({ field: 'success' }),
+    }),
+}
+
+describe('infiniteQueryOptions', () => {
+  it('should be used with useInfiniteQuery', () => {
+    const keyFn1Query = useInfiniteQuery(infiniteQuery.options1())
+    expectTypeOf(keyFn1Query).toEqualTypeOf<UseInfiniteQueryResult<{ field: string }>>()
+    expectTypeOf(keyFn1Query.data).toEqualTypeOf<InfiniteData<{ field: string }> | undefined>()
+    const keyFn1Query_Select = useInfiniteQuery({
+      ...infiniteQuery.options1(),
+      select: (data) => ({
+        pages: data.pages.map(({ field }) => field),
+        pageParams: data.pageParams,
+      }),
+    })
+    expectTypeOf(keyFn1Query_Select).toEqualTypeOf<UseInfiniteQueryResult<string>>()
+    expectTypeOf(keyFn1Query_Select.data).toEqualTypeOf<InfiniteData<string> | undefined>()
+  })
+  it('should be used with useSuspenseInfiniteQuery', () => {
+    const keyFn1SuspenseQuery = useSuspenseInfiniteQuery(infiniteQuery.options1())
+    expectTypeOf(keyFn1SuspenseQuery).toEqualTypeOf<UseSuspenseInfiniteQueryResult<{ field: string }>>()
+    expectTypeOf(keyFn1SuspenseQuery.data).toEqualTypeOf<InfiniteData<{ field: string }>>()
+    const keyFn1SuspenseQuery_Select = useSuspenseInfiniteQuery({
+      ...infiniteQuery.options1(),
+      select: (data) => ({
+        pages: data.pages.map(({ field }) => field),
+        pageParams: data.pageParams,
+      }),
+    })
+    expectTypeOf(keyFn1SuspenseQuery_Select).toEqualTypeOf<UseSuspenseInfiniteQueryResult<string>>()
+    expectTypeOf(keyFn1SuspenseQuery_Select.data).toEqualTypeOf<InfiniteData<string>>()
+  })
+  it('should be used with <SuspenseInfiniteQuery/>', () => {
+    ;(() => (
+      <SuspenseInfiniteQuery {...infiniteQuery.options1()}>
+        {(keyFn1SuspenseQuery) => {
+          expectTypeOf(keyFn1SuspenseQuery).toEqualTypeOf<UseSuspenseInfiniteQueryResult<{ field: string }>>()
+          expectTypeOf(keyFn1SuspenseQuery.data).toEqualTypeOf<
+            InfiniteData<{
+              field: string
+            }>
+          >()
+          return <></>
+        }}
+      </SuspenseInfiniteQuery>
+    ))()
+    ;(() => (
+      <SuspenseInfiniteQuery
+        {...infiniteQuery.options1()}
+        select={(data) => ({
+          pages: data.pages.map(({ field }) => field),
+          pageParams: data.pageParams,
+        })}
+      >
+        {(keyFn1SuspenseQuery_Select) => {
+          expectTypeOf(keyFn1SuspenseQuery_Select).toEqualTypeOf<UseSuspenseInfiniteQueryResult<string>>()
+          expectTypeOf(keyFn1SuspenseQuery_Select.data).toEqualTypeOf<InfiniteData<string>>()
+          return <></>
+        }}
+      </SuspenseInfiniteQuery>
+    ))()
+  })
+
+  it('should be used with useQueryClient', async () => {
+    const queryClient = useQueryClient()
+
+    queryClient.invalidateQueries(infiniteQuery.options1())
+    queryClient.resetQueries(infiniteQuery.options1())
+    queryClient.removeQueries(infiniteQuery.options1())
+    queryClient.cancelQueries(infiniteQuery.options1())
+    queryClient.prefetchQuery(infiniteQuery.options1())
+    queryClient.refetchQueries(infiniteQuery.options1())
+
+    const query1 = await queryClient.fetchQuery(infiniteQuery.options1())
+    expectTypeOf(query1).toEqualTypeOf<{ field: string }>()
+  })
+})

package/src/infiniteQueryOptions.ts

@@ -0,0 +1,83 @@
+import type { InfiniteData, QueryKey, UseInfiniteQueryOptions } from '@tanstack/react-query'
+import type { OmitKeyof, RequiredKeyof } from './utility-types'
+
+type SelectedInfiniteOptions<
+  TQueryFnData,
+  TError = unknown,
+  TData = InfiniteData<TQueryFnData>,
+  TQueryKey extends QueryKey = QueryKey,
+> = RequiredKeyof<
+  OmitKeyof<
+    UseInfiniteQueryOptions<TQueryFnData, TError, TData, TQueryFnData, TQueryKey>,
+    | 'queryKeyHashFn'
+    | '_defaulted'
+    | 'behavior'
+    | 'structuralSharing'
+    | 'isDataEqual'
+    | 'onSuccess'
+    | 'onError'
+    | 'onSettled'
+    | 'enabled'
+    | 'refetchInterval'
+    | 'initialData'
+  >,
+  'queryKey' | 'queryFn'
+> & {
+  select: (data: InfiniteData<TQueryFnData>) => InfiniteData<TData>
+}
+
+type UnSelectedInfiniteOptions<
+  TQueryFnData,
+  TError = unknown,
+  TData = InfiniteData<TQueryFnData>,
+  TQueryKey extends QueryKey = QueryKey,
+> = RequiredKeyof<
+  OmitKeyof<
+    UseInfiniteQueryOptions<TQueryFnData, TError, TData, TQueryFnData, TQueryKey>,
+    | 'queryKeyHashFn'
+    | '_defaulted'
+    | 'behavior'
+    | 'structuralSharing'
+    | 'isDataEqual'
+    | 'onSuccess'
+    | 'onError'
+    | 'onSettled'
+    | 'enabled'
+    | 'refetchInterval'
+    | 'initialData'
+  >,
+  'queryKey' | 'queryFn'
+> & {
+  select?: undefined
+}
+
+/**
+ * @experimental This is experimental feature.
+ */
+export function infiniteQueryOptions<
+  TQueryFnData,
+  TError = unknown,
+  TData = InfiniteData<TQueryFnData>,
+  TQueryKey extends QueryKey = QueryKey,
+>(
+  options: SelectedInfiniteOptions<TQueryFnData, TError, TData, TQueryKey>
+): SelectedInfiniteOptions<TQueryFnData, TError, TData, TQueryKey>
+
+/**
+ * @experimental This is experimental feature.
+ */
+export function infiniteQueryOptions<
+  TQueryFnData,
+  TError = unknown,
+  TData = InfiniteData<TQueryFnData>,
+  TQueryKey extends QueryKey = QueryKey,
+>(
+  options: UnSelectedInfiniteOptions<TQueryFnData, TError, TData, TQueryKey>
+): UnSelectedInfiniteOptions<TQueryFnData, TError, TData, TQueryKey>
+
+/**
+ * @experimental This is experimental feature.
+ */
+export function infiniteQueryOptions(options: unknown) {
+  return options
+}

package/src/useSuspenseInfiniteQuery.test-d.ts

@@ -1,5 +1,6 @@
 import { queryFn, queryKey } from '@suspensive/test-utils'
 import type { InfiniteData } from '@tanstack/react-query'
+import { infiniteQueryOptions } from './infiniteQueryOptions'
 import { type UseSuspenseInfiniteQueryResult, useSuspenseInfiniteQuery } from './useSuspenseInfiniteQuery'
 
 describe('useSuspenseInfiniteQuery', () => {
@@ -55,5 +56,26 @@ describe('useSuspenseInfiniteQuery', () => {
     expectTypeOf(selectedInfiniteQuery).toEqualTypeOf<UseSuspenseInfiniteQueryResult<string>>()
     expectTypeOf(selectedInfiniteQuery.data).toEqualTypeOf<InfiniteData<string>>()
     expectTypeOf(selectedInfiniteQuery.status).toEqualTypeOf<'success'>()
+
+    const options = infiniteQueryOptions({
+      queryKey,
+      queryFn,
+    })
+
+    const infiniteQueryWithOptions = useSuspenseInfiniteQuery(options)
+    expectTypeOf(infiniteQueryWithOptions).toEqualTypeOf<UseSuspenseInfiniteQueryResult<{ text: string }>>()
+    expectTypeOf(infiniteQueryWithOptions.data).toEqualTypeOf<InfiniteData<{ text: string }>>()
+    expectTypeOf(infiniteQueryWithOptions.status).toEqualTypeOf<'success'>()
+
+    const selectedInfiniteQueryWithOptions = useSuspenseInfiniteQuery({
+      ...options,
+      select: (data) => ({
+        pages: data.pages.map(({ text }) => text),
+        pageParams: data.pageParams,
+      }),
+    })
+    expectTypeOf(selectedInfiniteQueryWithOptions).toEqualTypeOf<UseSuspenseInfiniteQueryResult<string>>()
+    expectTypeOf(selectedInfiniteQueryWithOptions.data).toEqualTypeOf<InfiniteData<string>>()
+    expectTypeOf(selectedInfiniteQueryWithOptions.status).toEqualTypeOf<'success'>()
   })
 })

package/src/useSuspenseQuery.test-d.ts

@@ -1,5 +1,6 @@
 import { queryFn, queryKey } from '@suspensive/test-utils'
 import { describe, expectTypeOf, it } from 'vitest'
+import { queryOptions } from './queryOptions'
 import { type UseSuspenseQueryResult, useSuspenseQuery } from './useSuspenseQuery'
 
 describe('useSuspenseQuery', () => {
@@ -47,5 +48,23 @@ describe('useSuspenseQuery', () => {
     expectTypeOf(selectedResult).toEqualTypeOf<UseSuspenseQueryResult<string>>()
     expectTypeOf(selectedResult.data).toEqualTypeOf<string>()
     expectTypeOf(selectedResult.status).toEqualTypeOf<'success'>()
+
+    const options = queryOptions({
+      queryKey,
+      queryFn,
+    })
+
+    const resultWithOptions = useSuspenseQuery(options)
+    expectTypeOf(resultWithOptions).toEqualTypeOf<UseSuspenseQueryResult<{ text: string }>>()
+    expectTypeOf(resultWithOptions.data).toEqualTypeOf<{ text: string }>()
+    expectTypeOf(resultWithOptions.status).toEqualTypeOf<'success'>()
+
+    const selectedResultWithOptions = useSuspenseQuery({
+      ...options,
+      select: (data) => data.text,
+    })
+    expectTypeOf(selectedResultWithOptions).toEqualTypeOf<UseSuspenseQueryResult<string>>()
+    expectTypeOf(selectedResultWithOptions.data).toEqualTypeOf<string>()
+    expectTypeOf(selectedResultWithOptions.status).toEqualTypeOf<'success'>()
   })
 })