@suspensive/react-query-4 3.19.1 → 3.19.3

package/src/IsFetching.spec.tsx

@@ -0,0 +1,34 @@
+import { render, screen } from '@testing-library/react'
+import { afterEach, describe, expect, it, vi } from 'vitest'
+import { IsFetching } from './IsFetching'
+
+const { useIsFetchingMock } = vi.hoisted(() => ({
+  useIsFetchingMock: vi.fn(() => 0),
+}))
+
+vi.mock('@tanstack/react-query', async () => {
+  const actual = await vi.importActual('@tanstack/react-query')
+  return {
+    ...actual,
+    useIsFetching: useIsFetchingMock,
+  }
+})
+
+describe('<IsFetching/>', () => {
+  afterEach(() => {
+    useIsFetchingMock.mockReset()
+    useIsFetchingMock.mockReturnValue(0)
+  })
+
+  it('should forward query filters to useIsFetching', () => {
+    useIsFetchingMock.mockReturnValue(7)
+
+    render(
+      <IsFetching queryKey={['todos']}>{(isFetching) => <div data-testid="is-fetching">{isFetching}</div>}</IsFetching>
+    )
+
+    expect(useIsFetchingMock).toHaveBeenCalledTimes(1)
+    expect(useIsFetchingMock).toHaveBeenCalledWith({ queryKey: ['todos'] })
+    expect(screen.getByTestId('is-fetching')).toHaveTextContent('7')
+  })
+})

package/src/IsFetching.tsx

@@ -4,10 +4,12 @@ import { type QueryFilters, useIsFetching } from '@tanstack/react-query'
 import type { ReactNode } from 'react'
 
 /**
+ * Renders the current fetching count for queries that match the given filters.
  * @experimental This is an experimental feature.
  */
 export const IsFetching = ({
   children,
+  ...filter
 }: QueryFilters & { children: (isFetching: ReturnType<typeof useIsFetching>) => ReactNode }) => (
-  <>{children(useIsFetching())}</>
+  <>{children(useIsFetching(filter))}</>
 )

package/src/createGetQueryClient.spec.tsx

@@ -1,45 +1,32 @@
 import { QueryClient } from '@tanstack/react-query'
 import { beforeEach, describe, expect, it, vi } from 'vitest'
+import { createGetQueryClient } from './createGetQueryClient'
 
-// Mock isServer from @tanstack/react-query
-vi.mock('@tanstack/react-query', async () => {
-  const actual = await vi.importActual('@tanstack/react-query')
+const mock = { isServer: false }
+
+vi.mock(import('@tanstack/react-query'), async (importOriginal) => {
+  const actual = await importOriginal()
   return {
     ...actual,
-    isServer: false,
+    get isServer() {
+      return mock.isServer
+    },
   }
 })
 
-describe('getQueryClient', () => {
+describe('getQueryClient (browser environment)', () => {
   beforeEach(() => {
-    // Reset modules to clear the browserQueryClient singleton
-    vi.resetModules()
+    mock.isServer = false
   })
 
-  it('should return a QueryClient instance', async () => {
-    const { createGetQueryClient } = await import('./createGetQueryClient')
+  it('should return the same QueryClient instance on multiple calls', () => {
     const { getQueryClient } = createGetQueryClient()
-    const queryClient = getQueryClient()
-    expect(queryClient).toBeInstanceOf(QueryClient)
+    expect(getQueryClient()).toBe(getQueryClient())
   })
 
-  it('should return the same QueryClient instance on multiple calls in browser environment', async () => {
-    const { createGetQueryClient } = await import('./createGetQueryClient')
-    const { getQueryClient } = createGetQueryClient()
-    const queryClient1 = getQueryClient()
-    const queryClient2 = getQueryClient()
-    expect(queryClient1).toBe(queryClient2)
-  })
-
-  it('should apply config when creating initial QueryClient', async () => {
-    const { createGetQueryClient } = await import('./createGetQueryClient')
+  it('should apply config', () => {
     const { getQueryClient } = createGetQueryClient({
-      defaultOptions: {
-        queries: {
-          staleTime: 5000,
-          retry: 3,
-        },
-      },
+      defaultOptions: { queries: { staleTime: 5000, retry: 3 } },
     })
     const queryClient = getQueryClient()
     expect(queryClient).toBeInstanceOf(QueryClient)
@@ -47,72 +34,33 @@ describe('getQueryClient', () => {
     expect(queryClient.getDefaultOptions().queries?.retry).toBe(3)
   })
 
-  it('should use provided cacheTime value in browser environment (not Infinity)', async () => {
-    const { createGetQueryClient } = await import('./createGetQueryClient')
+  it('should not set cacheTime to Infinity', () => {
     const { getQueryClient } = createGetQueryClient({
-      defaultOptions: {
-        queries: {
-          cacheTime: 5000,
-        },
-      },
+      defaultOptions: { queries: { cacheTime: 5000 } },
     })
-    const queryClient = getQueryClient()
-    // In browser, cacheTime should use the provided value, not Infinity
-    expect(queryClient.getDefaultOptions().queries?.cacheTime).toBe(5000)
-    expect(queryClient.getDefaultOptions().queries?.cacheTime).not.toBe(Infinity)
-  })
-
-  it('should not set cacheTime to Infinity in browser environment when no config provided', async () => {
-    const { createGetQueryClient } = await import('./createGetQueryClient')
-    const { getQueryClient } = createGetQueryClient()
-    const queryClient = getQueryClient()
-    // In browser, cacheTime should use default value (not Infinity)
-    // Default cacheTime in React Query v4 is 5 minutes (300000ms)
-    expect(queryClient.getDefaultOptions().queries?.cacheTime).not.toBe(Infinity)
+    expect(getQueryClient().getDefaultOptions().queries?.cacheTime).toBe(5000)
   })
 })
 
 describe('getQueryClient (server environment)', () => {
   beforeEach(() => {
-    vi.resetModules()
-    // Mock isServer as true for server tests
-    vi.doMock('@tanstack/react-query', async () => {
-      const actual = await vi.importActual('@tanstack/react-query')
-      return {
-        ...actual,
-        isServer: true,
-      }
-    })
+    mock.isServer = true
   })
 
-  it('should return new QueryClient instance on each call in server environment', async () => {
-    const { createGetQueryClient } = await import('./createGetQueryClient')
+  it('should return new QueryClient instance on each call', () => {
     const { getQueryClient } = createGetQueryClient()
-    const queryClient1 = getQueryClient()
-    const queryClient2 = getQueryClient()
-    expect(queryClient1).toBeInstanceOf(QueryClient)
-    expect(queryClient2).toBeInstanceOf(QueryClient)
-    expect(queryClient1).not.toBe(queryClient2)
+    expect(getQueryClient()).not.toBe(getQueryClient())
   })
 
-  it('should set cacheTime to Infinity in server environment to prevent OOM', async () => {
-    const { createGetQueryClient } = await import('./createGetQueryClient')
+  it('should set cacheTime to Infinity to prevent OOM', () => {
     const { getQueryClient } = createGetQueryClient()
-    const queryClient = getQueryClient()
-    expect(queryClient.getDefaultOptions().queries?.cacheTime).toBe(Infinity)
+    expect(getQueryClient().getDefaultOptions().queries?.cacheTime).toBe(Infinity)
   })
 
-  it('should override cacheTime to Infinity even if config provides different value in server environment', async () => {
-    const { createGetQueryClient } = await import('./createGetQueryClient')
+  it('should override cacheTime to Infinity even if config provides different value', () => {
     const { getQueryClient } = createGetQueryClient({
-      defaultOptions: {
-        queries: {
-          cacheTime: 5000,
-        },
-      },
+      defaultOptions: { queries: { cacheTime: 5000 } },
     })
-    const queryClient = getQueryClient()
-    // cacheTime should be Infinity regardless of config to prevent OOM on server
-    expect(queryClient.getDefaultOptions().queries?.cacheTime).toBe(Infinity)
+    expect(getQueryClient().getDefaultOptions().queries?.cacheTime).toBe(Infinity)
   })
 })

package/dist/ClientOnly-BdmzVYnI.mjs

@@ -1,15 +0,0 @@
-'use client';
-
-import { Fragment, jsx } from "react/jsx-runtime";
-import { useSyncExternalStore } from "react";
-
-//#region src/components/ClientOnly.tsx
-const useIsClient = () => useSyncExternalStore(emptySubscribe, getSnapshot, getServerSnapshot);
-const emptySubscribe = () => () => {};
-const getSnapshot = () => true;
-const getServerSnapshot = () => false;
-const ClientOnly = ({ children, fallback }) => /* @__PURE__ */ jsx(Fragment, { children: useIsClient() ? children : fallback });
-
-//#endregion
-export { ClientOnly as t };
-//# sourceMappingURL=ClientOnly-BdmzVYnI.mjs.map

package/dist/ClientOnly-BdmzVYnI.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ClientOnly-BdmzVYnI.mjs","names":[],"sources":["../src/components/ClientOnly.tsx"],"sourcesContent":["'use client'\n\nimport { useSyncExternalStore } from 'react'\n\nconst useIsClient = () => useSyncExternalStore(emptySubscribe, getSnapshot, getServerSnapshot)\n\nconst emptySubscribe = () => () => {}\nconst getSnapshot = () => true\nconst getServerSnapshot = () => false\n\nexport const ClientOnly = ({ children, fallback }: { children: React.ReactNode; fallback: React.ReactNode }) => (\n  <>{useIsClient() ? children : fallback}</>\n)\n"],"mappings":";;;;AAIA,MAAM,oBAAoB,qBAAqB,gBAAgB,aAAa,kBAAkB;AAE9F,MAAM,6BAA6B;AACnC,MAAM,oBAAoB;AAC1B,MAAM,0BAA0B;AAEhC,MAAa,cAAc,EAAE,UAAU,eACrC,0CAAG,aAAa,GAAG,WAAW,WAAY"}

package/dist/ClientOnly-Dvf8t__-.cjs

@@ -1,20 +0,0 @@
-'use client';
-
-let react_jsx_runtime = require("react/jsx-runtime");
-let react = require("react");
-
-//#region src/components/ClientOnly.tsx
-const useIsClient = () => (0, react.useSyncExternalStore)(emptySubscribe, getSnapshot, getServerSnapshot);
-const emptySubscribe = () => () => {};
-const getSnapshot = () => true;
-const getServerSnapshot = () => false;
-const ClientOnly = ({ children, fallback }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: useIsClient() ? children : fallback });
-
-//#endregion
-Object.defineProperty(exports, 'ClientOnly', {
-  enumerable: true,
-  get: function () {
-    return ClientOnly;
-  }
-});
-//# sourceMappingURL=ClientOnly-Dvf8t__-.cjs.map

package/dist/ClientOnly-Dvf8t__-.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ClientOnly-Dvf8t__-.cjs","names":[],"sources":["../src/components/ClientOnly.tsx"],"sourcesContent":["'use client'\n\nimport { useSyncExternalStore } from 'react'\n\nconst useIsClient = () => useSyncExternalStore(emptySubscribe, getSnapshot, getServerSnapshot)\n\nconst emptySubscribe = () => () => {}\nconst getSnapshot = () => true\nconst getServerSnapshot = () => false\n\nexport const ClientOnly = ({ children, fallback }: { children: React.ReactNode; fallback: React.ReactNode }) => (\n  <>{useIsClient() ? children : fallback}</>\n)\n"],"mappings":";;;;AAIA,MAAM,oDAAyC,gBAAgB,aAAa,kBAAkB;AAE9F,MAAM,6BAA6B;AACnC,MAAM,oBAAoB;AAC1B,MAAM,0BAA0B;AAEhC,MAAa,cAAc,EAAE,UAAU,eACrC,mFAAG,aAAa,GAAG,WAAW,WAAY"}

package/dist/IsFetching-94upYqWP.mjs

@@ -1,12 +0,0 @@
-import { useIsFetching } from "@tanstack/react-query";
-import { Fragment, jsx } from "react/jsx-runtime";
-
-//#region src/IsFetching.tsx
-/**
-* @experimental This is an experimental feature.
-*/
-const IsFetching = ({ children }) => /* @__PURE__ */ jsx(Fragment, { children: children(useIsFetching()) });
-
-//#endregion
-export { IsFetching as t };
-//# sourceMappingURL=IsFetching-94upYqWP.mjs.map

package/dist/IsFetching-94upYqWP.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"IsFetching-94upYqWP.mjs","names":[],"sources":["../src/IsFetching.tsx"],"sourcesContent":["'use client'\n\nimport { type QueryFilters, useIsFetching } from '@tanstack/react-query'\nimport type { ReactNode } from 'react'\n\n/**\n * @experimental This is an experimental feature.\n */\nexport const IsFetching = ({\n  children,\n}: QueryFilters & { children: (isFetching: ReturnType<typeof useIsFetching>) => ReactNode }) => (\n  <>{children(useIsFetching())}</>\n)\n"],"mappings":";;;;;;;AAQA,MAAa,cAAc,EACzB,eAEA,0CAAG,SAAS,eAAe,CAAC,GAAI"}

package/dist/IsFetching-BGIRMA6C.cjs

@@ -1,17 +0,0 @@
-let __tanstack_react_query = require("@tanstack/react-query");
-let react_jsx_runtime = require("react/jsx-runtime");
-
-//#region src/IsFetching.tsx
-/**
-* @experimental This is an experimental feature.
-*/
-const IsFetching = ({ children }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: children((0, __tanstack_react_query.useIsFetching)()) });
-
-//#endregion
-Object.defineProperty(exports, 'IsFetching', {
-  enumerable: true,
-  get: function () {
-    return IsFetching;
-  }
-});
-//# sourceMappingURL=IsFetching-BGIRMA6C.cjs.map

package/dist/IsFetching-BGIRMA6C.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"IsFetching-BGIRMA6C.cjs","names":[],"sources":["../src/IsFetching.tsx"],"sourcesContent":["'use client'\n\nimport { type QueryFilters, useIsFetching } from '@tanstack/react-query'\nimport type { ReactNode } from 'react'\n\n/**\n * @experimental This is an experimental feature.\n */\nexport const IsFetching = ({\n  children,\n}: QueryFilters & { children: (isFetching: ReturnType<typeof useIsFetching>) => ReactNode }) => (\n  <>{children(useIsFetching())}</>\n)\n"],"mappings":";;;;;;;AAQA,MAAa,cAAc,EACzB,eAEA,mFAAG,oDAAwB,CAAC,GAAI"}

package/dist/IsFetching-CThOxeZB.d.cts

@@ -1,16 +0,0 @@
-import * as react_jsx_runtime5 from "react/jsx-runtime";
-import { QueryFilters, useIsFetching } from "@tanstack/react-query";
-import { ReactNode } from "react";
-
-//#region src/IsFetching.d.ts
-/**
- * @experimental This is an experimental feature.
- */
-declare const IsFetching: ({
-  children
-}: QueryFilters & {
-  children: (isFetching: ReturnType<typeof useIsFetching>) => ReactNode;
-}) => react_jsx_runtime5.JSX.Element;
-//#endregion
-export { IsFetching as t };
-//# sourceMappingURL=IsFetching-CThOxeZB.d.cts.map

package/dist/IsFetching-CThOxeZB.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"IsFetching-CThOxeZB.d.cts","names":[],"sources":["../src/IsFetching.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AAQa,cAAA,UAIZ,EAAA,CAAA;EAAA;CAAA,EAFE,YAEF,GAAA;EAJ0B,QAAA,EAAA,CAAA,UAAA,EAEgB,UAFhB,CAAA,OAEkC,aAFlC,CAAA,EAAA,GAEqD,SAFrD;CAExB,EAAA,GAAwF,kBAAA,CAAA,GAAA,CAAA,OAAxF"}

package/dist/IsFetching-D3xmE2Kn.d.mts

@@ -1,16 +0,0 @@
-import { QueryFilters, useIsFetching } from "@tanstack/react-query";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-import { ReactNode } from "react";
-
-//#region src/IsFetching.d.ts
-/**
- * @experimental This is an experimental feature.
- */
-declare const IsFetching: ({
-  children
-}: QueryFilters & {
-  children: (isFetching: ReturnType<typeof useIsFetching>) => ReactNode;
-}) => react_jsx_runtime0.JSX.Element;
-//#endregion
-export { IsFetching as t };
-//# sourceMappingURL=IsFetching-D3xmE2Kn.d.mts.map

package/dist/IsFetching-D3xmE2Kn.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"IsFetching-D3xmE2Kn.d.mts","names":[],"sources":["../src/IsFetching.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AAQa,cAAA,UAIZ,EAAA,CAAA;EAAA;CAAA,EAFE,YAEF,GAAA;EAJ0B,QAAA,EAAA,CAAA,UAAA,EAEgB,UAFhB,CAAA,OAEkC,aAFlC,CAAA,EAAA,GAEqD,SAFrD;CAExB,EAAA,GAAwF,kBAAA,CAAA,GAAA,CAAA,OAAxF"}

package/dist/Mutation-BJunfaUO.mjs

@@ -1,14 +0,0 @@
-import { t as _objectWithoutProperties } from "./objectWithoutProperties-Drlt06jT.mjs";
-import { useMutation } from "@tanstack/react-query";
-import { Fragment, jsx } from "react/jsx-runtime";
-
-//#region src/Mutation.tsx
-const _excluded = ["children"];
-function Mutation(_ref) {
-	let { children } = _ref;
-	return /* @__PURE__ */ jsx(Fragment, { children: children(useMutation(_objectWithoutProperties(_ref, _excluded))) });
-}
-
-//#endregion
-export { Mutation as t };
-//# sourceMappingURL=Mutation-BJunfaUO.mjs.map

package/dist/Mutation-BJunfaUO.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Mutation-BJunfaUO.mjs","names":[],"sources":["../src/Mutation.tsx"],"sourcesContent":["'use client'\n\nimport { 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"],"mappings":";;;;;mBAME;AADF,SAAgB,SAAmF,MAKhG;KALgG,EACjG;AAKA,QAAO,0CAAG,SAAS,sDAAoB,CAAC,GAAI"}

package/dist/Mutation-BWER242k.cjs

@@ -1,19 +0,0 @@
-const require_objectWithoutProperties = require('./objectWithoutProperties-BqF6LYLG.cjs');
-let __tanstack_react_query = require("@tanstack/react-query");
-let react_jsx_runtime = require("react/jsx-runtime");
-
-//#region src/Mutation.tsx
-const _excluded = ["children"];
-function Mutation(_ref) {
-	let { children } = _ref;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: children((0, __tanstack_react_query.useMutation)(require_objectWithoutProperties._objectWithoutProperties(_ref, _excluded))) });
-}
-
-//#endregion
-Object.defineProperty(exports, 'Mutation', {
-  enumerable: true,
-  get: function () {
-    return Mutation;
-  }
-});
-//# sourceMappingURL=Mutation-BWER242k.cjs.map

package/dist/Mutation-BWER242k.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Mutation-BWER242k.cjs","names":[],"sources":["../src/Mutation.tsx"],"sourcesContent":["'use client'\n\nimport { 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"],"mappings":";;;;;mBAME;AADF,SAAgB,SAAmF,MAKhG;KALgG,EACjG;AAKA,QAAO,mFAAG,2HAA6B,CAAC,GAAI"}

package/dist/Mutation-CGpbCg54.d.mts

@@ -1,14 +0,0 @@
-import { UseMutationOptions, UseMutationResult } from "@tanstack/react-query";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-import { ReactNode } from "react";
-
-//#region src/Mutation.d.ts
-declare function Mutation<TData = unknown, TError = unknown, TVariables = void, TContext = unknown>({
-  children,
-  ...options
-}: UseMutationOptions<TData, TError, TVariables, TContext> & {
-  children: (mutationResult: UseMutationResult<TData, TError, TVariables, TContext>) => ReactNode;
-}): react_jsx_runtime0.JSX.Element;
-//#endregion
-export { Mutation as t };
-//# sourceMappingURL=Mutation-CGpbCg54.d.mts.map

package/dist/Mutation-CGpbCg54.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Mutation-CGpbCg54.d.mts","names":[],"sources":["../src/Mutation.tsx"],"sourcesContent":[],"mappings":";;;;;iBAKgB;;;GAGb,mBAAmB,OAAO,QAAQ,YAAY;6BACpB,kBAAkB,OAAO,QAAQ,YAAY,cAAc;IACvF,kBAAA,CAAA,GAAA,CAAA"}

package/dist/Mutation-Dt5kUsd8.d.cts

@@ -1,14 +0,0 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-import { UseMutationOptions, UseMutationResult } from "@tanstack/react-query";
-import { ReactNode } from "react";
-
-//#region src/Mutation.d.ts
-declare function Mutation<TData = unknown, TError = unknown, TVariables = void, TContext = unknown>({
-  children,
-  ...options
-}: UseMutationOptions<TData, TError, TVariables, TContext> & {
-  children: (mutationResult: UseMutationResult<TData, TError, TVariables, TContext>) => ReactNode;
-}): react_jsx_runtime0.JSX.Element;
-//#endregion
-export { Mutation as t };
-//# sourceMappingURL=Mutation-Dt5kUsd8.d.cts.map

package/dist/Mutation-Dt5kUsd8.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Mutation-Dt5kUsd8.d.cts","names":[],"sources":["../src/Mutation.tsx"],"sourcesContent":[],"mappings":";;;;;iBAKgB;;;GAGb,mBAAmB,OAAO,QAAQ,YAAY;6BACpB,kBAAkB,OAAO,QAAQ,YAAY,cAAc;IACvF,kBAAA,CAAA,GAAA,CAAA"}

package/dist/PrefetchInfiniteQuery-DgZfL2Sb.d.cts

@@ -1,17 +0,0 @@
-import * as react_jsx_runtime1 from "react/jsx-runtime";
-import { FetchInfiniteQueryOptions, QueryKey } from "@tanstack/react-query";
-
-//#region src/PrefetchInfiniteQuery.d.ts
-
-/**
- * A component that allows you to use `usePrefetchInfiniteQuery` in JSX, avoiding the limitations of React hooks.
- * @see {@link https://suspensive.org/docs/react-query/PrefetchInfiniteQuery Suspensive Docs}
- * @example
- * ```tsx
- * <PrefetchInfiniteQuery queryKey={['queryKey']} queryFn={queryFn} />
- * ```
- */
-declare function PrefetchInfiniteQuery<TQueryFnData = unknown, TError = unknown, TData = TQueryFnData, TQueryKey extends QueryKey = QueryKey>(options: FetchInfiniteQueryOptions<TQueryFnData, TError, TData, TQueryKey>): react_jsx_runtime1.JSX.Element;
-//#endregion
-export { PrefetchInfiniteQuery as t };
-//# sourceMappingURL=PrefetchInfiniteQuery-DgZfL2Sb.d.cts.map

package/dist/PrefetchInfiniteQuery-DgZfL2Sb.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PrefetchInfiniteQuery-DgZfL2Sb.d.cts","names":[],"sources":["../src/PrefetchInfiniteQuery.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AAaA;;;;;AAKmD,iBALnC,qBAKmC,CAAA,eAAA,OAAA,EAAA,SAAA,OAAA,EAAA,QAFzC,YAEyC,EAAA,kBAD/B,QAC+B,GADpB,QACoB,CAAA,CAAA,OAAA,EAAxC,yBAAwC,CAAd,YAAc,EAAA,MAAA,EAAQ,KAAR,EAAe,SAAf,CAAA,CAAA,EAAyB,kBAAA,CAAA,GAAA,CAAA,OAAzB"}

package/dist/PrefetchInfiniteQuery-Dzjm5lf8.d.mts

@@ -1,17 +0,0 @@
-import { FetchInfiniteQueryOptions, QueryKey } from "@tanstack/react-query";
-import * as react_jsx_runtime1 from "react/jsx-runtime";
-
-//#region src/PrefetchInfiniteQuery.d.ts
-
-/**
- * A component that allows you to use `usePrefetchInfiniteQuery` in JSX, avoiding the limitations of React hooks.
- * @see {@link https://suspensive.org/docs/react-query/PrefetchInfiniteQuery Suspensive Docs}
- * @example
- * ```tsx
- * <PrefetchInfiniteQuery queryKey={['queryKey']} queryFn={queryFn} />
- * ```
- */
-declare function PrefetchInfiniteQuery<TQueryFnData = unknown, TError = unknown, TData = TQueryFnData, TQueryKey extends QueryKey = QueryKey>(options: FetchInfiniteQueryOptions<TQueryFnData, TError, TData, TQueryKey>): react_jsx_runtime1.JSX.Element;
-//#endregion
-export { PrefetchInfiniteQuery as t };
-//# sourceMappingURL=PrefetchInfiniteQuery-Dzjm5lf8.d.mts.map

package/dist/PrefetchInfiniteQuery-Dzjm5lf8.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PrefetchInfiniteQuery-Dzjm5lf8.d.mts","names":[],"sources":["../src/PrefetchInfiniteQuery.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AAaA;;;;;AAKmD,iBALnC,qBAKmC,CAAA,eAAA,OAAA,EAAA,SAAA,OAAA,EAAA,QAFzC,YAEyC,EAAA,kBAD/B,QAC+B,GADpB,QACoB,CAAA,CAAA,OAAA,EAAxC,yBAAwC,CAAd,YAAc,EAAA,MAAA,EAAQ,KAAR,EAAe,SAAf,CAAA,CAAA,EAAyB,kBAAA,CAAA,GAAA,CAAA,OAAzB"}

package/dist/PrefetchInfiniteQuery-RS3Qz-7B.mjs

@@ -1,20 +0,0 @@
-import { t as usePrefetchInfiniteQuery } from "./usePrefetchInfiniteQuery-CQSN-P9m.mjs";
-import { Fragment, jsx } from "react/jsx-runtime";
-
-//#region src/PrefetchInfiniteQuery.tsx
-/**
-* A component that allows you to use `usePrefetchInfiniteQuery` in JSX, avoiding the limitations of React hooks.
-* @see {@link https://suspensive.org/docs/react-query/PrefetchInfiniteQuery Suspensive Docs}
-* @example
-* ```tsx
-* <PrefetchInfiniteQuery queryKey={['queryKey']} queryFn={queryFn} />
-* ```
-*/
-function PrefetchInfiniteQuery(options) {
-	usePrefetchInfiniteQuery(options);
-	return /* @__PURE__ */ jsx(Fragment, {});
-}
-
-//#endregion
-export { PrefetchInfiniteQuery as t };
-//# sourceMappingURL=PrefetchInfiniteQuery-RS3Qz-7B.mjs.map

package/dist/PrefetchInfiniteQuery-RS3Qz-7B.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"PrefetchInfiniteQuery-RS3Qz-7B.mjs","names":[],"sources":["../src/PrefetchInfiniteQuery.tsx"],"sourcesContent":["'use client'\n\nimport { 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/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"],"mappings":";;;;;;;;;;;;AAaA,SAAgB,sBAKd,SAA4E;AAC5E,0BAAyB,QAAQ;AACjC,QAAO,iCAAK"}

package/dist/PrefetchInfiniteQuery-cCSXqKVR.cjs

@@ -1,25 +0,0 @@
-const require_usePrefetchInfiniteQuery = require('./usePrefetchInfiniteQuery-BmZtlLeD.cjs');
-let react_jsx_runtime = require("react/jsx-runtime");
-
-//#region src/PrefetchInfiniteQuery.tsx
-/**
-* A component that allows you to use `usePrefetchInfiniteQuery` in JSX, avoiding the limitations of React hooks.
-* @see {@link https://suspensive.org/docs/react-query/PrefetchInfiniteQuery Suspensive Docs}
-* @example
-* ```tsx
-* <PrefetchInfiniteQuery queryKey={['queryKey']} queryFn={queryFn} />
-* ```
-*/
-function PrefetchInfiniteQuery(options) {
-	require_usePrefetchInfiniteQuery.usePrefetchInfiniteQuery(options);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, {});
-}
-
-//#endregion
-Object.defineProperty(exports, 'PrefetchInfiniteQuery', {
-  enumerable: true,
-  get: function () {
-    return PrefetchInfiniteQuery;
-  }
-});
-//# sourceMappingURL=PrefetchInfiniteQuery-cCSXqKVR.cjs.map

package/dist/PrefetchInfiniteQuery-cCSXqKVR.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"PrefetchInfiniteQuery-cCSXqKVR.cjs","names":[],"sources":["../src/PrefetchInfiniteQuery.tsx"],"sourcesContent":["'use client'\n\nimport { 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/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"],"mappings":";;;;;;;;;;;;AAaA,SAAgB,sBAKd,SAA4E;AAC5E,2DAAyB,QAAQ;AACjC,QAAO,0EAAK"}

package/dist/PrefetchQuery-0pdYNtpS.cjs

@@ -1,25 +0,0 @@
-const require_usePrefetchQuery = require('./usePrefetchQuery-woiivAJc.cjs');
-let react_jsx_runtime = require("react/jsx-runtime");
-
-//#region src/PrefetchQuery.tsx
-/**
-* A component that allows you to use usePrefetchQuery in JSX, avoiding the limitations of React hooks.
-* @see {@link https://suspensive.org/docs/react-query/PrefetchQuery Suspensive Docs}
-* @example
-* ```tsx
-* <PrefetchQuery queryKey={['queryKey']} queryFn={queryFn} />
-* ```
-*/
-function PrefetchQuery(options) {
-	require_usePrefetchQuery.usePrefetchQuery(options);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, {});
-}
-
-//#endregion
-Object.defineProperty(exports, 'PrefetchQuery', {
-  enumerable: true,
-  get: function () {
-    return PrefetchQuery;
-  }
-});
-//# sourceMappingURL=PrefetchQuery-0pdYNtpS.cjs.map

package/dist/PrefetchQuery-0pdYNtpS.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"PrefetchQuery-0pdYNtpS.cjs","names":[],"sources":["../src/PrefetchQuery.tsx"],"sourcesContent":["'use client'\n\nimport { 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/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"],"mappings":";;;;;;;;;;;;AAaA,SAAgB,cAKd,SAAoE;AACpE,2CAAiB,QAAQ;AACzB,QAAO,0EAAK"}

package/dist/PrefetchQuery-CeQ0yxDL.d.cts

@@ -1,17 +0,0 @@
-import * as react_jsx_runtime2 from "react/jsx-runtime";
-import { FetchQueryOptions, QueryKey } from "@tanstack/react-query";
-
-//#region src/PrefetchQuery.d.ts
-
-/**
- * A component that allows you to use usePrefetchQuery in JSX, avoiding the limitations of React hooks.
- * @see {@link https://suspensive.org/docs/react-query/PrefetchQuery Suspensive Docs}
- * @example
- * ```tsx
- * <PrefetchQuery queryKey={['queryKey']} queryFn={queryFn} />
- * ```
- */
-declare function PrefetchQuery<TQueryFnData = unknown, TError = unknown, TData = TQueryFnData, TQueryKey extends QueryKey = QueryKey>(options: FetchQueryOptions<TQueryFnData, TError, TData, TQueryKey>): react_jsx_runtime2.JSX.Element;
-//#endregion
-export { PrefetchQuery as t };
-//# sourceMappingURL=PrefetchQuery-CeQ0yxDL.d.cts.map

package/dist/PrefetchQuery-CeQ0yxDL.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PrefetchQuery-CeQ0yxDL.d.cts","names":[],"sources":["../src/PrefetchQuery.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AAaA;;;;;AAK2C,iBAL3B,aAK2B,CAAA,eAAA,OAAA,EAAA,SAAA,OAAA,EAAA,QAFjC,YAEiC,EAAA,kBADvB,QACuB,GADZ,QACY,CAAA,CAAA,OAAA,EAAhC,iBAAgC,CAAd,YAAc,EAAA,MAAA,EAAQ,KAAR,EAAe,SAAf,CAAA,CAAA,EAAyB,kBAAA,CAAA,GAAA,CAAA,OAAzB"}

package/dist/PrefetchQuery-DAqAWOeP.d.mts

@@ -1,17 +0,0 @@
-import { FetchQueryOptions, QueryKey } from "@tanstack/react-query";
-import * as react_jsx_runtime2 from "react/jsx-runtime";
-
-//#region src/PrefetchQuery.d.ts
-
-/**
- * A component that allows you to use usePrefetchQuery in JSX, avoiding the limitations of React hooks.
- * @see {@link https://suspensive.org/docs/react-query/PrefetchQuery Suspensive Docs}
- * @example
- * ```tsx
- * <PrefetchQuery queryKey={['queryKey']} queryFn={queryFn} />
- * ```
- */
-declare function PrefetchQuery<TQueryFnData = unknown, TError = unknown, TData = TQueryFnData, TQueryKey extends QueryKey = QueryKey>(options: FetchQueryOptions<TQueryFnData, TError, TData, TQueryKey>): react_jsx_runtime2.JSX.Element;
-//#endregion
-export { PrefetchQuery as t };
-//# sourceMappingURL=PrefetchQuery-DAqAWOeP.d.mts.map

package/dist/PrefetchQuery-DAqAWOeP.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PrefetchQuery-DAqAWOeP.d.mts","names":[],"sources":["../src/PrefetchQuery.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AAaA;;;;;AAK2C,iBAL3B,aAK2B,CAAA,eAAA,OAAA,EAAA,SAAA,OAAA,EAAA,QAFjC,YAEiC,EAAA,kBADvB,QACuB,GADZ,QACY,CAAA,CAAA,OAAA,EAAhC,iBAAgC,CAAd,YAAc,EAAA,MAAA,EAAQ,KAAR,EAAe,SAAf,CAAA,CAAA,EAAyB,kBAAA,CAAA,GAAA,CAAA,OAAzB"}

package/dist/PrefetchQuery-uh4idoXK.mjs

@@ -1,20 +0,0 @@
-import { t as usePrefetchQuery } from "./usePrefetchQuery-CtrJciA6.mjs";
-import { Fragment, jsx } from "react/jsx-runtime";
-
-//#region src/PrefetchQuery.tsx
-/**
-* A component that allows you to use usePrefetchQuery in JSX, avoiding the limitations of React hooks.
-* @see {@link https://suspensive.org/docs/react-query/PrefetchQuery Suspensive Docs}
-* @example
-* ```tsx
-* <PrefetchQuery queryKey={['queryKey']} queryFn={queryFn} />
-* ```
-*/
-function PrefetchQuery(options) {
-	usePrefetchQuery(options);
-	return /* @__PURE__ */ jsx(Fragment, {});
-}
-
-//#endregion
-export { PrefetchQuery as t };
-//# sourceMappingURL=PrefetchQuery-uh4idoXK.mjs.map

package/dist/PrefetchQuery-uh4idoXK.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"PrefetchQuery-uh4idoXK.mjs","names":[],"sources":["../src/PrefetchQuery.tsx"],"sourcesContent":["'use client'\n\nimport { 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/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"],"mappings":";;;;;;;;;;;;AAaA,SAAgB,cAKd,SAAoE;AACpE,kBAAiB,QAAQ;AACzB,QAAO,iCAAK"}

package/dist/QueriesHydration-27lFZeB8.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"QueriesHydration-27lFZeB8.mjs","names":["timerId: ReturnType<typeof setTimeout> | undefined"],"sources":["../src/QueriesHydration.tsx"],"sourcesContent":["import {\n  Hydrate,\n  type HydrateProps,\n  type OmitKeyof,\n  QueryClient,\n  type QueryOptions,\n  type UseInfiniteQueryOptions,\n  type WithRequired,\n  dehydrate,\n} from '@tanstack/react-query'\nimport type { ReactNode } from 'react'\nimport { ClientOnly } from './components/ClientOnly'\n\n/**\n * A server component that fetches multiple queries on the server and hydrates them to the client.\n *\n * @experimental This component is experimental and may be changed or removed in the future.\n *\n * @description\n * QueriesHydration is designed for React Server Components (RSC).\n * It pre-fetches multiple queries on the server side and automatically hydrates\n * the data to the client, enabling seamless data synchronization between server and client.\n *\n * When errors occur during server-side fetching, the component gracefully falls back\n * to client-side rendering, ensuring your application remains resilient.\n *\n * @example\n * ```tsx\n * // app/page.tsx (Server Component)\n * import { Suspense } from 'react'\n * import { QueriesHydration } from '@suspensive/react-query'\n * import { queryOptions } from '@tanstack/react-query'\n *\n * const userQueryOptions = (userId: string) => queryOptions({\n *   queryKey: ['user', userId],\n *   queryFn: () => fetchUser(userId)\n * })\n *\n * const postsQueryOptions = () => queryOptions({\n *   queryKey: ['posts'],\n *   queryFn: () => fetchPosts()\n * })\n *\n * export default function Page({ userId }: { userId: string }) {\n *   return (\n *     <>\n *       <Suspense fallback={<div>Loading user...</div>}>\n *         <QueriesHydration queries={[userQueryOptions(userId)]}>\n *           <UserProfile />\n *         </QueriesHydration>\n *       </Suspense>\n *\n *       <Suspense fallback={<div>Loading posts...</div>}>\n *         <QueriesHydration queries={[postsQueryOptions()]}>\n *           <PostsList />\n *         </QueriesHydration>\n *       </Suspense>\n *     </>\n *   )\n * }\n * ```\n *\n * @example\n * ```tsx\n * // With custom error fallback\n * <Suspense fallback={<div>Loading user...</div>}>\n *   <QueriesHydration\n *     queries={[userQueryOptions(userId)]}\n *     skipSsrOnError={{ fallback: <div>Fetching on client...</div> }}\n *   >\n *     <UserProfile />\n *   </QueriesHydration>\n * </Suspense>\n * ```\n *\n * @see {@link https://suspensive.org/docs/react-query/QueriesHydration Documentation}\n */\nexport async function QueriesHydration({\n  queries,\n  children,\n  queryClient = new QueryClient(),\n  skipSsrOnError = true,\n  timeout,\n  ...props\n}: {\n  /**\n   * The QueryClient instance to use for fetching queries.\n   */\n  queryClient?: QueryClient\n  /**\n   * An array of query options or infinite query options to be fetched on the server. Each query must include a `queryKey`.\n   * You can mix regular queries and infinite queries in the same array.\n   */\n  queries: (\n    | WithRequired<QueryOptions<any, any, any, any>, 'queryKey'>\n    | WithRequired<UseInfiniteQueryOptions<any, any, any, any, any>, 'queryKey'>\n  )[]\n  /**\n   * Controls error handling behavior:\n   * - `true` (default): Skips SSR and falls back to client-side rendering when server fetch fails\n   * - `false`: Proceeds with SSR without hydration (retry fetching on client component server rendering)\n   * - `{ fallback: ReactNode }`: Skips SSR with custom fallback UI during client-side rendering\n   */\n  skipSsrOnError?:\n    | boolean\n    | {\n        fallback: ReactNode\n      }\n  /**\n   * The timeout in milliseconds for the query.\n   * If the query takes longer than the timeout, it will be considered as an error.\n   * When not set, no timeout is applied.\n   */\n  timeout?: number\n} & OmitKeyof<HydrateProps, 'state'>) {\n  const timeoutController =\n    timeout != null && timeout >= 0\n      ? createTimeoutController(timeout, `QueriesHydration: timeout after ${timeout} ms)`)\n      : undefined\n  try {\n    const queriesPromise = Promise.all(\n      queries.map((query) =>\n        'getNextPageParam' in query ? queryClient.fetchInfiniteQuery(query) : queryClient.fetchQuery(query)\n      )\n    )\n    await (timeoutController != null ? Promise.race([queriesPromise, timeoutController.promise]) : queriesPromise)\n    timeoutController?.clear()\n  } catch {\n    timeoutController?.clear()\n    if (skipSsrOnError) {\n      return (\n        <ClientOnly fallback={skipSsrOnError === true ? undefined : skipSsrOnError.fallback}>{children}</ClientOnly>\n      )\n    }\n  }\n  return (\n    <Hydrate {...props} state={dehydrate(queryClient)}>\n      {children}\n    </Hydrate>\n  )\n}\n\nconst createTimeoutController = (ms: number, errorMessage: string) => {\n  let timerId: ReturnType<typeof setTimeout> | undefined\n  return {\n    promise: new Promise<never>((_, reject) => {\n      timerId = setTimeout(() => reject(new Error(errorMessage)), ms)\n    }),\n    clear: () => timerId != null && clearTimeout(timerId),\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8EE;CACA;CACA;CACA;CACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AALF,SAAsB,iBAAiB;;;;wDAqCD;MArCC,EACrC,SACA,UACA,cAAc,IAAI,aAAa,EAC/B,iBAAiB,MACjB,kBACG;EAgCH,MAAM,oBACJ,WAAW,QAAQ,WAAW,IAC1B,wBAAwB,SAAS,mCAAmC,QAAQ,MAAM,GAClF;AACN,MAAI;GACF,MAAM,iBAAiB,QAAQ,IAC7B,QAAQ,KAAK,UACX,sBAAsB,QAAQ,YAAY,mBAAmB,MAAM,GAAG,YAAY,WAAW,MAAM,CACpG,CACF;AACD,SAAO,qBAAqB,OAAO,QAAQ,KAAK,CAAC,gBAAgB,kBAAkB,QAAQ,CAAC,GAAG;AAC/F,mFAAmB,OAAO;oBACpB;AACN,mFAAmB,OAAO;AAC1B,OAAI,eACF,QACE,oBAAC;IAAW,UAAU,mBAAmB,OAAO,SAAY,eAAe;IAAW;KAAsB;;AAIlH,SACE,oBAAC,2CAAY;GAAO,OAAO,UAAU,YAAY;GAC9C;KACO;;;;AAId,MAAM,2BAA2B,IAAY,iBAAyB;CACpE,IAAIA;AACJ,QAAO;EACL,SAAS,IAAI,SAAgB,GAAG,WAAW;AACzC,aAAU,iBAAiB,OAAO,IAAI,MAAM,aAAa,CAAC,EAAE,GAAG;IAC/D;EACF,aAAa,WAAW,QAAQ,aAAa,QAAQ;EACtD"}