@effector-tanstack-query/react 0.2.0 → 0.3.1

package/dist/compat.cjs

@@ -0,0 +1,47 @@
+"use client";
+'use strict';
+
+var React = require('react');
+var effectorReact = require('effector-react');
+var reactQuery = require('@tanstack/react-query');
+var core = require('@effector-tanstack-query/core');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+function QueryClientCompatProvider({
+  children,
+  defaultOptions
+}) {
+  const fromEffector = effectorReact.useUnit(core.$queryClient);
+  const [serverFallback] = React__namespace.useState(
+    () => reactQuery.isServer ? new reactQuery.QueryClient({ defaultOptions }) : null
+  );
+  const qc = fromEffector ?? serverFallback;
+  if (!qc) {
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(reactQuery.QueryClientProvider, { client: qc, children });
+}
+
+exports.QueryClientCompatProvider = QueryClientCompatProvider;
+//# sourceMappingURL=compat.cjs.map
+//# sourceMappingURL=compat.cjs.map

package/dist/compat.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/compat.tsx"],"names":["useUnit","$queryClient","React","isServer","QueryClient","jsx","QueryClientProvider"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8DO,SAAS,yBAAA,CAA0B;AAAA,EACxC,QAAA;AAAA,EACA;AACF,CAAA,EAAuD;AACrD,EAAA,MAAM,YAAA,GAAeA,sBAAQC,iBAAY,CAAA;AACzC,EAAA,MAAM,CAAC,cAAc,CAAA,GAAUC,gBAAA,CAAA,QAAA;AAAA,IAA6B,MAC1DC,mBAAA,GAAW,IAAIC,uBAAY,EAAE,cAAA,EAAgB,CAAA,GAAI;AAAA,GACnD;AAEA,EAAA,MAAM,KAAK,YAAA,IAAgB,cAAA;AAC3B,EAAA,IAAI,CAAC,EAAA,EAAI;AAMP,IAAA,6DAAU,QAAA,EAAS,CAAA;AAAA,EACrB;AAEA,EAAA,uBAAOC,cAAA,CAACC,8BAAA,EAAA,EAAoB,MAAA,EAAQ,EAAA,EAAK,QAAA,EAAS,CAAA;AACpD","file":"compat.cjs","sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { useUnit } from 'effector-react'\nimport {\n  isServer,\n  QueryClient,\n  QueryClientProvider,\n} from '@tanstack/react-query'\nimport { $queryClient } from '@effector-tanstack-query/core'\n\ntype DefaultOptions = NonNullable<\n  ConstructorParameters<typeof QueryClient>[0]\n>['defaultOptions']\n\nexport interface QueryClientCompatProviderProps {\n  children: React.ReactNode\n  /**\n   * `defaultOptions` for the per-render server fallback `QueryClient`\n   * (see below). Has no effect on the client — the browser singleton\n   * built in your own top-level `<EffectorNext>` setup is what `useQuery`\n   * from `@tanstack/react-query` resolves to there. Keep these aligned\n   * with your `createQuery({ staleTime, retry, ... })` definitions so\n   * server-rendered HTML matches what the client will produce after\n   * hydration.\n   */\n  defaultOptions?: DefaultOptions\n}\n\n/**\n * SSR-safe `QueryClientProvider` bridge for users mixing\n * `@tanstack/react-query` and `@effector-tanstack-query` — the typical\n * \"we're migrating page by page\" case.\n *\n * Why a dedicated component:\n *\n *   - **Client**: `useUnit($queryClient)` returns the singleton browser\n *     `QueryClient` already mounted by your top-level provider (whichever\n *     module calls `setQueryClient(qc)` + `allSettled($queryClient, ...)`\n *     for `getClientScope()`). Handing that same instance to\n *     `<QueryClientProvider>` means **both APIs share a cache**: prefetch\n *     with one, read with the other; `setQueryData` /\n *     `invalidateQueries` from one re-renders the other.\n *\n *   - **Server (RSC)**: `$queryClient` is `serialize: 'ignore'` (its\n *     value is a class instance — not JSON-safe — and per-request\n *     QueryClients must NEVER be a module-level singleton on the\n *     server). So inside the RSC rendering scope produced by\n *     `<EffectorNext values={serialize(scope)}>`, `useUnit($queryClient)`\n *     resolves to `null`. We fall back to a throwaway per-render\n *     `QueryClient` solely so vanilla `useQuery` has a provider during\n *     the server pass. Pair this component with `<HydrationBoundary>`\n *     from `@tanstack/react-query` — the boundary will hydrate this\n *     fallback client with the prefetched cache, so server-rendered\n *     HTML shows data instead of a loading flash. On client hydration\n *     the provider re-renders with the singleton browser client and\n *     react-query re-subscribes its observers.\n *\n * `useState` makes the fallback per-component-instance (one per render\n * tree), not a module-level singleton — concurrent SSR requests don't\n * share it.\n */\nexport function QueryClientCompatProvider({\n  children,\n  defaultOptions,\n}: QueryClientCompatProviderProps): React.ReactElement {\n  const fromEffector = useUnit($queryClient)\n  const [serverFallback] = React.useState<QueryClient | null>(() =>\n    isServer ? new QueryClient({ defaultOptions }) : null,\n  )\n\n  const qc = fromEffector ?? serverFallback\n  if (!qc) {\n    // Defensive: on the client `fromEffector` is set synchronously by\n    // your top-level provider before any render, so this branch is\n    // unreachable in practice. If it fires, rendering children without\n    // a provider would crash any descendant `useQuery` from\n    // `@tanstack/react-query`.\n    return <>{children}</>\n  }\n\n  return <QueryClientProvider client={qc}>{children}</QueryClientProvider>\n}\n"]}

package/dist/compat.d.cts

@@ -0,0 +1,53 @@
+import * as React from 'react';
+import { QueryClient } from '@tanstack/react-query';
+
+type DefaultOptions = NonNullable<ConstructorParameters<typeof QueryClient>[0]>['defaultOptions'];
+interface QueryClientCompatProviderProps {
+    children: React.ReactNode;
+    /**
+     * `defaultOptions` for the per-render server fallback `QueryClient`
+     * (see below). Has no effect on the client — the browser singleton
+     * built in your own top-level `<EffectorNext>` setup is what `useQuery`
+     * from `@tanstack/react-query` resolves to there. Keep these aligned
+     * with your `createQuery({ staleTime, retry, ... })` definitions so
+     * server-rendered HTML matches what the client will produce after
+     * hydration.
+     */
+    defaultOptions?: DefaultOptions;
+}
+/**
+ * SSR-safe `QueryClientProvider` bridge for users mixing
+ * `@tanstack/react-query` and `@effector-tanstack-query` — the typical
+ * "we're migrating page by page" case.
+ *
+ * Why a dedicated component:
+ *
+ *   - **Client**: `useUnit($queryClient)` returns the singleton browser
+ *     `QueryClient` already mounted by your top-level provider (whichever
+ *     module calls `setQueryClient(qc)` + `allSettled($queryClient, ...)`
+ *     for `getClientScope()`). Handing that same instance to
+ *     `<QueryClientProvider>` means **both APIs share a cache**: prefetch
+ *     with one, read with the other; `setQueryData` /
+ *     `invalidateQueries` from one re-renders the other.
+ *
+ *   - **Server (RSC)**: `$queryClient` is `serialize: 'ignore'` (its
+ *     value is a class instance — not JSON-safe — and per-request
+ *     QueryClients must NEVER be a module-level singleton on the
+ *     server). So inside the RSC rendering scope produced by
+ *     `<EffectorNext values={serialize(scope)}>`, `useUnit($queryClient)`
+ *     resolves to `null`. We fall back to a throwaway per-render
+ *     `QueryClient` solely so vanilla `useQuery` has a provider during
+ *     the server pass. Pair this component with `<HydrationBoundary>`
+ *     from `@tanstack/react-query` — the boundary will hydrate this
+ *     fallback client with the prefetched cache, so server-rendered
+ *     HTML shows data instead of a loading flash. On client hydration
+ *     the provider re-renders with the singleton browser client and
+ *     react-query re-subscribes its observers.
+ *
+ * `useState` makes the fallback per-component-instance (one per render
+ * tree), not a module-level singleton — concurrent SSR requests don't
+ * share it.
+ */
+declare function QueryClientCompatProvider({ children, defaultOptions, }: QueryClientCompatProviderProps): React.ReactElement;
+
+export { QueryClientCompatProvider, type QueryClientCompatProviderProps };

package/dist/compat.d.ts

@@ -0,0 +1,53 @@
+import * as React from 'react';
+import { QueryClient } from '@tanstack/react-query';
+
+type DefaultOptions = NonNullable<ConstructorParameters<typeof QueryClient>[0]>['defaultOptions'];
+interface QueryClientCompatProviderProps {
+    children: React.ReactNode;
+    /**
+     * `defaultOptions` for the per-render server fallback `QueryClient`
+     * (see below). Has no effect on the client — the browser singleton
+     * built in your own top-level `<EffectorNext>` setup is what `useQuery`
+     * from `@tanstack/react-query` resolves to there. Keep these aligned
+     * with your `createQuery({ staleTime, retry, ... })` definitions so
+     * server-rendered HTML matches what the client will produce after
+     * hydration.
+     */
+    defaultOptions?: DefaultOptions;
+}
+/**
+ * SSR-safe `QueryClientProvider` bridge for users mixing
+ * `@tanstack/react-query` and `@effector-tanstack-query` — the typical
+ * "we're migrating page by page" case.
+ *
+ * Why a dedicated component:
+ *
+ *   - **Client**: `useUnit($queryClient)` returns the singleton browser
+ *     `QueryClient` already mounted by your top-level provider (whichever
+ *     module calls `setQueryClient(qc)` + `allSettled($queryClient, ...)`
+ *     for `getClientScope()`). Handing that same instance to
+ *     `<QueryClientProvider>` means **both APIs share a cache**: prefetch
+ *     with one, read with the other; `setQueryData` /
+ *     `invalidateQueries` from one re-renders the other.
+ *
+ *   - **Server (RSC)**: `$queryClient` is `serialize: 'ignore'` (its
+ *     value is a class instance — not JSON-safe — and per-request
+ *     QueryClients must NEVER be a module-level singleton on the
+ *     server). So inside the RSC rendering scope produced by
+ *     `<EffectorNext values={serialize(scope)}>`, `useUnit($queryClient)`
+ *     resolves to `null`. We fall back to a throwaway per-render
+ *     `QueryClient` solely so vanilla `useQuery` has a provider during
+ *     the server pass. Pair this component with `<HydrationBoundary>`
+ *     from `@tanstack/react-query` — the boundary will hydrate this
+ *     fallback client with the prefetched cache, so server-rendered
+ *     HTML shows data instead of a loading flash. On client hydration
+ *     the provider re-renders with the singleton browser client and
+ *     react-query re-subscribes its observers.
+ *
+ * `useState` makes the fallback per-component-instance (one per render
+ * tree), not a module-level singleton — concurrent SSR requests don't
+ * share it.
+ */
+declare function QueryClientCompatProvider({ children, defaultOptions, }: QueryClientCompatProviderProps): React.ReactElement;
+
+export { QueryClientCompatProvider, type QueryClientCompatProviderProps };

package/dist/compat.js

@@ -0,0 +1,25 @@
+"use client";
+import * as React from 'react';
+import { useUnit } from 'effector-react';
+import { QueryClient, isServer, QueryClientProvider } from '@tanstack/react-query';
+import { $queryClient } from '@effector-tanstack-query/core';
+import { jsx, Fragment } from 'react/jsx-runtime';
+
+function QueryClientCompatProvider({
+  children,
+  defaultOptions
+}) {
+  const fromEffector = useUnit($queryClient);
+  const [serverFallback] = React.useState(
+    () => isServer ? new QueryClient({ defaultOptions }) : null
+  );
+  const qc = fromEffector ?? serverFallback;
+  if (!qc) {
+    return /* @__PURE__ */ jsx(Fragment, { children });
+  }
+  return /* @__PURE__ */ jsx(QueryClientProvider, { client: qc, children });
+}
+
+export { QueryClientCompatProvider };
+//# sourceMappingURL=compat.js.map
+//# sourceMappingURL=compat.js.map

package/dist/compat.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/compat.tsx"],"names":[],"mappings":";;;;;;AA8DO,SAAS,yBAAA,CAA0B;AAAA,EACxC,QAAA;AAAA,EACA;AACF,CAAA,EAAuD;AACrD,EAAA,MAAM,YAAA,GAAe,QAAQ,YAAY,CAAA;AACzC,EAAA,MAAM,CAAC,cAAc,CAAA,GAAU,KAAA,CAAA,QAAA;AAAA,IAA6B,MAC1D,QAAA,GAAW,IAAI,YAAY,EAAE,cAAA,EAAgB,CAAA,GAAI;AAAA,GACnD;AAEA,EAAA,MAAM,KAAK,YAAA,IAAgB,cAAA;AAC3B,EAAA,IAAI,CAAC,EAAA,EAAI;AAMP,IAAA,uCAAU,QAAA,EAAS,CAAA;AAAA,EACrB;AAEA,EAAA,uBAAO,GAAA,CAAC,mBAAA,EAAA,EAAoB,MAAA,EAAQ,EAAA,EAAK,QAAA,EAAS,CAAA;AACpD","file":"compat.js","sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { useUnit } from 'effector-react'\nimport {\n  isServer,\n  QueryClient,\n  QueryClientProvider,\n} from '@tanstack/react-query'\nimport { $queryClient } from '@effector-tanstack-query/core'\n\ntype DefaultOptions = NonNullable<\n  ConstructorParameters<typeof QueryClient>[0]\n>['defaultOptions']\n\nexport interface QueryClientCompatProviderProps {\n  children: React.ReactNode\n  /**\n   * `defaultOptions` for the per-render server fallback `QueryClient`\n   * (see below). Has no effect on the client — the browser singleton\n   * built in your own top-level `<EffectorNext>` setup is what `useQuery`\n   * from `@tanstack/react-query` resolves to there. Keep these aligned\n   * with your `createQuery({ staleTime, retry, ... })` definitions so\n   * server-rendered HTML matches what the client will produce after\n   * hydration.\n   */\n  defaultOptions?: DefaultOptions\n}\n\n/**\n * SSR-safe `QueryClientProvider` bridge for users mixing\n * `@tanstack/react-query` and `@effector-tanstack-query` — the typical\n * \"we're migrating page by page\" case.\n *\n * Why a dedicated component:\n *\n *   - **Client**: `useUnit($queryClient)` returns the singleton browser\n *     `QueryClient` already mounted by your top-level provider (whichever\n *     module calls `setQueryClient(qc)` + `allSettled($queryClient, ...)`\n *     for `getClientScope()`). Handing that same instance to\n *     `<QueryClientProvider>` means **both APIs share a cache**: prefetch\n *     with one, read with the other; `setQueryData` /\n *     `invalidateQueries` from one re-renders the other.\n *\n *   - **Server (RSC)**: `$queryClient` is `serialize: 'ignore'` (its\n *     value is a class instance — not JSON-safe — and per-request\n *     QueryClients must NEVER be a module-level singleton on the\n *     server). So inside the RSC rendering scope produced by\n *     `<EffectorNext values={serialize(scope)}>`, `useUnit($queryClient)`\n *     resolves to `null`. We fall back to a throwaway per-render\n *     `QueryClient` solely so vanilla `useQuery` has a provider during\n *     the server pass. Pair this component with `<HydrationBoundary>`\n *     from `@tanstack/react-query` — the boundary will hydrate this\n *     fallback client with the prefetched cache, so server-rendered\n *     HTML shows data instead of a loading flash. On client hydration\n *     the provider re-renders with the singleton browser client and\n *     react-query re-subscribes its observers.\n *\n * `useState` makes the fallback per-component-instance (one per render\n * tree), not a module-level singleton — concurrent SSR requests don't\n * share it.\n */\nexport function QueryClientCompatProvider({\n  children,\n  defaultOptions,\n}: QueryClientCompatProviderProps): React.ReactElement {\n  const fromEffector = useUnit($queryClient)\n  const [serverFallback] = React.useState<QueryClient | null>(() =>\n    isServer ? new QueryClient({ defaultOptions }) : null,\n  )\n\n  const qc = fromEffector ?? serverFallback\n  if (!qc) {\n    // Defensive: on the client `fromEffector` is set synchronously by\n    // your top-level provider before any render, so this branch is\n    // unreachable in practice. If it fires, rendering children without\n    // a provider would crash any descendant `useQuery` from\n    // `@tanstack/react-query`.\n    return <>{children}</>\n  }\n\n  return <QueryClientProvider client={qc}>{children}</QueryClientProvider>\n}\n"]}

package/dist/index.cjs

@@ -112,7 +112,10 @@ function useInfiniteQuery(query) {
 }
 function useObserverRerender(observer) {
   const [, forceRender] = React__namespace.useReducer((x) => x + 1, 0);
-  React__namespace.useEffect(() => observer.subscribe(forceRender), [observer]);
+  React__namespace.useEffect(() => {
+    if (!observer) return;
+    return observer.subscribe(forceRender);
+  }, [observer]);
 }
 function useSuspenseQuery(query) {
   const mount = effectorReact.useUnit(query.mounted);
@@ -124,21 +127,49 @@ function useSuspenseQuery(query) {
   }, [mount, unmount]);
   const observer = useSuspenseObserver(query);
   useObserverRerender(observer);
-  const result = observer.getOptimisticResult(observer.options);
-  if (result.status === "error") throw result.error;
-  if (result.status === "pending") {
-    throw observer.fetchOptimistic(observer.options);
+  const state = effectorReact.useUnit({
+    data: query.$data,
+    error: query.$error,
+    status: query.$status,
+    isFetching: query.$isFetching,
+    isPlaceholderData: query.$isPlaceholderData,
+    fetchStatus: query.$fetchStatus
+  });
+  if (observer) {
+    const result = observer.getOptimisticResult(observer.options);
+    if (result.status === "error") throw result.error;
+    if (result.status === "pending") {
+      throw observer.fetchOptimistic(observer.options);
+    }
+    return {
+      data: result.data,
+      error: result.error,
+      status: "success",
+      isPending: false,
+      isSuccess: true,
+      isError: false,
+      isFetching: result.isFetching,
+      isPlaceholderData: result.isPlaceholderData,
+      fetchStatus: result.fetchStatus,
+      refresh
+    };
+  }
+  if (state.status === "error") throw state.error;
+  if (state.status === "pending") {
+    throw new Error(
+      "[@effector-tanstack-query/react] useSuspenseQuery: no QueryClient is set. Call setQueryClient(qc) or pass it to fork({ values: [[$queryClient, qc]] })."
+    );
   }
   return {
-    data: result.data,
-    error: result.error,
+    data: state.data,
+    error: state.error,
     status: "success",
     isPending: false,
     isSuccess: true,
     isError: false,
-    isFetching: result.isFetching,
-    isPlaceholderData: result.isPlaceholderData,
-    fetchStatus: result.fetchStatus,
+    isFetching: state.isFetching,
+    isPlaceholderData: state.isPlaceholderData,
+    fetchStatus: state.fetchStatus,
     refresh
   };
 }
@@ -154,28 +185,71 @@ function useSuspenseInfiniteQuery(query) {
   }, [mount, unmount]);
   const observer = useSuspenseObserver(query);
   useObserverRerender(observer);
-  const result = observer.getOptimisticResult(observer.options);
-  if (result.status === "error") throw result.error;
-  if (result.status === "pending") {
-    throw observer.fetchOptimistic(observer.options);
+  const state = effectorReact.useUnit({
+    data: query.$data,
+    error: query.$error,
+    status: query.$status,
+    isFetching: query.$isFetching,
+    isPlaceholderData: query.$isPlaceholderData,
+    fetchStatus: query.$fetchStatus,
+    hasNextPage: query.$hasNextPage,
+    hasPreviousPage: query.$hasPreviousPage,
+    isFetchingNextPage: query.$isFetchingNextPage,
+    isFetchingPreviousPage: query.$isFetchingPreviousPage,
+    isFetchNextPageError: query.$isFetchNextPageError,
+    isFetchPreviousPageError: query.$isFetchPreviousPageError
+  });
+  if (observer) {
+    const obs = observer;
+    const result = obs.getOptimisticResult(obs.options);
+    if (result.status === "error") throw result.error;
+    if (result.status === "pending") {
+      throw obs.fetchOptimistic(obs.options);
+    }
+    const r = result;
+    return {
+      data: r.data,
+      error: r.error,
+      status: "success",
+      isPending: false,
+      isSuccess: true,
+      isError: false,
+      isFetching: r.isFetching,
+      isPlaceholderData: r.isPlaceholderData,
+      fetchStatus: r.fetchStatus,
+      hasNextPage: r.hasNextPage,
+      hasPreviousPage: r.hasPreviousPage,
+      isFetchingNextPage: r.isFetchingNextPage,
+      isFetchingPreviousPage: r.isFetchingPreviousPage,
+      isFetchNextPageError: r.isFetchNextPageError,
+      isFetchPreviousPageError: r.isFetchPreviousPageError,
+      refresh,
+      fetchNextPage,
+      fetchPreviousPage
+    };
+  }
+  if (state.status === "error") throw state.error;
+  if (state.status === "pending") {
+    throw new Error(
+      "[@effector-tanstack-query/react] useSuspenseInfiniteQuery: no QueryClient is set. Call setQueryClient(qc) or pass it to fork({ values: [[$queryClient, qc]] })."
+    );
   }
-  const r = result;
   return {
-    data: r.data,
-    error: r.error,
+    data: state.data,
+    error: state.error,
     status: "success",
     isPending: false,
     isSuccess: true,
     isError: false,
-    isFetching: r.isFetching,
-    isPlaceholderData: r.isPlaceholderData,
-    fetchStatus: r.fetchStatus,
-    hasNextPage: r.hasNextPage,
-    hasPreviousPage: r.hasPreviousPage,
-    isFetchingNextPage: r.isFetchingNextPage,
-    isFetchingPreviousPage: r.isFetchingPreviousPage,
-    isFetchNextPageError: r.isFetchNextPageError,
-    isFetchPreviousPageError: r.isFetchPreviousPageError,
+    isFetching: state.isFetching,
+    isPlaceholderData: state.isPlaceholderData,
+    fetchStatus: state.fetchStatus,
+    hasNextPage: state.hasNextPage,
+    hasPreviousPage: state.hasPreviousPage,
+    isFetchingNextPage: state.isFetchingNextPage,
+    isFetchingPreviousPage: state.isFetchingPreviousPage,
+    isFetchNextPageError: state.isFetchNextPageError,
+    isFetchPreviousPageError: state.isFetchPreviousPageError,
     refresh,
     fetchNextPage,
     fetchPreviousPage
@@ -195,13 +269,7 @@ function useSuspenseObserver(query) {
     if (!transient) return;
     transient.setOptions({ ...transient.options, queryKey, enabled });
   }, [transient, queryKey, enabled]);
-  const observer = observerInScope ?? transient;
-  if (!observer) {
-    throw new Error(
-      "[@effector-tanstack-query/react] useSuspenseQuery: no QueryClient is set. Call setQueryClient(qc) or pass it to fork({ values: [[$queryClient, qc]] })."
-    );
-  }
-  return observer;
+  return observerInScope ?? transient;
 }
 
 exports.HydrationBoundary = HydrationBoundary;

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"names":["useUnit","$queryClient","React","hydrate"],"mappings":"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","file":"index.cjs","sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { useUnit } from 'effector-react'\nimport { hydrate } from '@tanstack/query-core'\nimport type {\n  DehydratedState,\n  FetchStatus,\n  HydrateOptions,\n  MutateOptions,\n  QueryStatus,\n} from '@tanstack/query-core'\nimport { $queryClient } from '@effector-tanstack-query/core'\nimport type {\n  InfiniteQueryResult,\n  MutationResult,\n  MutationStatus,\n  QueryResult,\n} from '@effector-tanstack-query/core'\n\nexport interface HydrationBoundaryProps {\n  /**\n   * Snapshot produced by `dehydrate(queryClient)` on the server. Re-applied\n   * to the scope's `QueryClient` cache so observers mounted under this tree\n   * read prefetched data instead of triggering fresh network requests.\n   */\n  state?: DehydratedState\n  /** Forwarded to `hydrate(...)` — see `@tanstack/query-core` docs. */\n  options?: HydrateOptions\n  children?: React.ReactNode\n}\n\n/**\n * Merges a server-prefetched `DehydratedState` into the scope's\n * `QueryClient` cache.\n *\n * Mirrors `<HydrationBoundary>` from `@tanstack/react-query`: hydration\n * runs in `useMemo` so the merge happens during the render phase (children\n * see a populated cache on their first render, no flash). The hook\n * resolves the QueryClient via `useUnit($queryClient)` instead of\n * `useQueryClient()` — meaning each fork scope can have its own client\n * without an additional `<QueryClientProvider>` in the tree.\n *\n * `hydrate` is idempotent: re-rendering with the same `state` reference\n * is a no-op. Pass new `state` references on navigation to merge fresh\n * snapshots.\n *\n * Note: this only handles the QueryClient cache layer. Effector store\n * snapshots (e.g. `serialize(scope)`) flow through your existing\n * `<Provider>` / `<EffectorNext values>` layer — orthogonal concerns.\n */\nexport function HydrationBoundary({\n  state,\n  options,\n  children,\n}: HydrationBoundaryProps): React.ReactElement {\n  const queryClient = useUnit($queryClient)\n  React.useMemo(() => {\n    if (queryClient && state) hydrate(queryClient, state, options)\n  }, [queryClient, state, options])\n  return React.createElement(React.Fragment, null, children)\n}\n\nexport interface UseQueryResult<TData, TError = Error> {\n  data: TData | undefined\n  error: TError | null\n  status: QueryStatus\n  isPending: boolean\n  isFetching: boolean\n  isSuccess: boolean\n  isError: boolean\n  isPlaceholderData: boolean\n  fetchStatus: FetchStatus\n  refresh: () => void\n}\n\n/**\n * Subscribes a React component to a query, automatically calling\n * `mounted()` on mount and `unmounted()` on cleanup.\n */\nexport function useQuery<TData, TError = Error>(\n  query: QueryResult<TData, TError>,\n): UseQueryResult<TData, TError> {\n  const state = useUnit({\n    data: query.$data,\n    error: query.$error,\n    status: query.$status,\n    isPending: query.$isPending,\n    isFetching: query.$isFetching,\n    isSuccess: query.$isSuccess,\n    isError: query.$isError,\n    isPlaceholderData: query.$isPlaceholderData,\n    fetchStatus: query.$fetchStatus,\n  })\n\n  const mount = useUnit(query.mounted)\n  const unmount = useUnit(query.unmounted)\n  const refresh = useUnit(query.refresh)\n\n  React.useEffect(() => {\n    mount()\n    return () => unmount()\n  }, [mount, unmount])\n\n  return { ...state, refresh }\n}\n\nexport interface UseMutationResult<TData, TError, TVariables> {\n  data: TData | undefined\n  error: TError | null\n  status: MutationStatus\n  variables: TVariables | undefined\n  isPaused: boolean\n  isPending: boolean\n  isSuccess: boolean\n  isError: boolean\n  isIdle: boolean\n  mutate: (variables: TVariables) => void\n  /**\n   * Trigger the mutation with per-call callbacks layered on top of the\n   * observer-level ones (`onSuccess` / `onError` / `onSettled` in\n   * `createMutation` options). Use this for component-local reactions\n   * that don't fit module-level `sample` wiring — navigation after success,\n   * one-shot toasts, etc.\n   */\n  mutateWith: (args: {\n    variables: TVariables\n    onSuccess?: MutateOptions<TData, TError, TVariables>['onSuccess']\n    onError?: MutateOptions<TData, TError, TVariables>['onError']\n    onSettled?: MutateOptions<TData, TError, TVariables>['onSettled']\n  }) => void\n  reset: () => void\n}\n\n/**\n * Subscribes a React component to a mutation, automatically calling\n * `start()` on mount and `unmounted()` on cleanup so the queryClient can\n * garbage-collect the mutation entry once no observers remain.\n */\nexport function useMutation<TData = unknown, TError = Error, TVariables = void>(\n  mutation: MutationResult<TData, TError, TVariables>,\n): UseMutationResult<TData, TError, TVariables> {\n  const state = useUnit({\n    data: mutation.$data,\n    error: mutation.$error,\n    status: mutation.$status,\n    variables: mutation.$variables,\n    isPaused: mutation.$isPaused,\n    isPending: mutation.$isPending,\n    isSuccess: mutation.$isSuccess,\n    isError: mutation.$isError,\n    isIdle: mutation.$isIdle,\n  })\n\n  const start = useUnit(mutation.start)\n  const unmount = useUnit(mutation.unmounted)\n  const mutate = useUnit(mutation.mutate)\n  const mutateWith = useUnit(mutation.mutateWith)\n  const reset = useUnit(mutation.reset)\n\n  React.useEffect(() => {\n    start()\n    return () => unmount()\n  }, [start, unmount])\n\n  return { ...state, mutate, mutateWith, reset }\n}\n\nexport interface UseInfiniteQueryResult<TData, TError> {\n  data: TData | undefined\n  error: TError | null\n  status: QueryStatus\n  isPending: boolean\n  isFetching: boolean\n  isSuccess: boolean\n  isError: boolean\n  isPlaceholderData: boolean\n  fetchStatus: FetchStatus\n  hasNextPage: boolean\n  hasPreviousPage: boolean\n  isFetchingNextPage: boolean\n  isFetchingPreviousPage: boolean\n  isFetchNextPageError: boolean\n  isFetchPreviousPageError: boolean\n  refresh: () => void\n  fetchNextPage: () => void\n  fetchPreviousPage: () => void\n}\n\n/**\n * Subscribes a React component to an infinite query, with auto mount/unmount\n * lifecycle and bound `fetchNextPage` / `fetchPreviousPage` callbacks.\n */\nexport function useInfiniteQuery<TData, TError = Error, TPageParam = unknown>(\n  query: InfiniteQueryResult<TData, TError, TPageParam>,\n): UseInfiniteQueryResult<TData, TError> {\n  const state = useUnit({\n    data: query.$data,\n    error: query.$error,\n    status: query.$status,\n    isPending: query.$isPending,\n    isFetching: query.$isFetching,\n    isSuccess: query.$isSuccess,\n    isError: query.$isError,\n    isPlaceholderData: query.$isPlaceholderData,\n    fetchStatus: query.$fetchStatus,\n    hasNextPage: query.$hasNextPage,\n    hasPreviousPage: query.$hasPreviousPage,\n    isFetchingNextPage: query.$isFetchingNextPage,\n    isFetchingPreviousPage: query.$isFetchingPreviousPage,\n    isFetchNextPageError: query.$isFetchNextPageError,\n    isFetchPreviousPageError: query.$isFetchPreviousPageError,\n  })\n\n  const mount = useUnit(query.mounted)\n  const unmount = useUnit(query.unmounted)\n  const refresh = useUnit(query.refresh)\n  const fetchNextPage = useUnit(query.fetchNextPage)\n  const fetchPreviousPage = useUnit(query.fetchPreviousPage)\n\n  React.useEffect(() => {\n    mount()\n    return () => unmount()\n  }, [mount, unmount])\n\n  return { ...state, refresh, fetchNextPage, fetchPreviousPage }\n}\n\n// Suspense data path: read from a per-scope observer.\n//\n// The scope mount chain runs in useEffect, which is skipped while a component\n// is suspended — so on the very first render the scope's `$observer` may be\n// null. To get synchronous access to the observer's promise during suspense,\n// we construct a transient observer via the factory's hidden\n// `__createObserver(qc, { queryKey, enabled })` helper. The transient observer\n// reads from / writes to the same queryClient cache as the eventual scope\n// observer (which is created when mountFx runs after useEffect commits).\n//\n// The mount/unmount effect is still wired up so that other consumers reading\n// the same query through `useUnit` / `useQuery` see updates in scope state.\n\nfunction useObserverRerender(observer: {\n  subscribe: (cb: () => void) => () => void\n}): void {\n  const [, forceRender] = React.useReducer((x: number) => x + 1, 0)\n  React.useEffect(() => observer.subscribe(forceRender), [observer])\n}\n\ninterface SuspenseFactory<TObserver> {\n  __createObserver(\n    qc: import('@tanstack/query-core').QueryClient,\n    init: { queryKey: unknown; enabled: boolean },\n  ): TObserver\n  __resolvedKey: import('effector').Store<unknown>\n  __enabled: import('effector').Store<boolean>\n}\n\nexport interface UseSuspenseQueryResult<TData, TError = Error> {\n  /** Resolved query data — non-nullable inside the rendered subtree (Suspense\n   * absorbed the pending state). */\n  data: TData\n  /** Always `null` past the Suspense gate; errors are thrown to the nearest\n   * `<ErrorBoundary>`. Typed as `TError | null` for consistency with\n   * `useQuery` so the same destructure works in both. */\n  error: TError | null\n  status: 'success'\n  isPending: false\n  isSuccess: true\n  isError: false\n  /** `true` while a background refetch is running. Use for refresh spinners. */\n  isFetching: boolean\n  isPlaceholderData: boolean\n  fetchStatus: FetchStatus\n  refresh: () => void\n}\n\n/**\n * Reads a query for use inside a `<Suspense>` boundary. While the query is\n * pending, throws an inflight promise (queryClient-deduplicated). On error,\n * throws the error — catch with `<ErrorBoundary>`. Returns the same shape as\n * `useQuery`, but with `data` narrowed to non-nullable `TData` since the\n * pending state is impossible past the Suspense gate.\n */\nexport function useSuspenseQuery<TData, TError = Error>(\n  query: QueryResult<TData, TError>,\n): UseSuspenseQueryResult<TData, TError> {\n  // Auto-mount lifecycle so concurrent consumers (useUnit / useQuery) reading\n  // the same query through the effector scope stay in sync.\n  const mount = useUnit(query.mounted)\n  const unmount = useUnit(query.unmounted)\n  const refresh = useUnit(query.refresh)\n  React.useEffect(() => {\n    mount()\n    return () => unmount()\n  }, [mount, unmount])\n\n  const observer = useSuspenseObserver(query)\n\n  useObserverRerender(observer)\n\n  const result = observer.getOptimisticResult(observer.options as any)\n\n  if (result.status === 'error') throw result.error\n  if (result.status === 'pending') {\n    throw observer.fetchOptimistic(observer.options as any)\n  }\n\n  // Read all secondary fields from the observer result, not the effector\n  // stores: stores are only populated after mountFx fires from useEffect,\n  // which on the very first successful render hasn't run yet. The observer\n  // result is always live and consistent.\n  return {\n    data: result.data as TData,\n    error: result.error as TError | null,\n    status: 'success',\n    isPending: false,\n    isSuccess: true,\n    isError: false,\n    isFetching: result.isFetching,\n    isPlaceholderData: result.isPlaceholderData,\n    fetchStatus: result.fetchStatus,\n    refresh,\n  }\n}\n\nexport interface UseSuspenseInfiniteQueryResult<TData, TError = Error> {\n  data: TData\n  error: TError | null\n  status: 'success'\n  isPending: false\n  isSuccess: true\n  isError: false\n  isFetching: boolean\n  isPlaceholderData: boolean\n  fetchStatus: FetchStatus\n  hasNextPage: boolean\n  hasPreviousPage: boolean\n  isFetchingNextPage: boolean\n  isFetchingPreviousPage: boolean\n  isFetchNextPageError: boolean\n  isFetchPreviousPageError: boolean\n  refresh: () => void\n  fetchNextPage: () => void\n  fetchPreviousPage: () => void\n}\n\n/**\n * Suspense variant of {@link useInfiniteQuery}. Same shape as `useInfiniteQuery`,\n * with `data` narrowed to non-nullable.\n */\nexport function useSuspenseInfiniteQuery<\n  TData,\n  TError = Error,\n  TPageParam = unknown,\n>(\n  query: InfiniteQueryResult<TData, TError, TPageParam>,\n): UseSuspenseInfiniteQueryResult<TData, TError> {\n  const mount = useUnit(query.mounted)\n  const unmount = useUnit(query.unmounted)\n  const refresh = useUnit(query.refresh)\n  const fetchNextPage = useUnit(query.fetchNextPage)\n  const fetchPreviousPage = useUnit(query.fetchPreviousPage)\n  React.useEffect(() => {\n    mount()\n    return () => unmount()\n  }, [mount, unmount])\n\n  const observer = useSuspenseObserver(query)\n\n  useObserverRerender(observer)\n\n  const result = observer.getOptimisticResult(observer.options as any)\n\n  if (result.status === 'error') throw result.error\n  if (result.status === 'pending') {\n    throw (\n      observer as unknown as {\n        fetchOptimistic: (\n          options: typeof observer.options,\n        ) => Promise<unknown>\n      }\n    ).fetchOptimistic(observer.options)\n  }\n\n  const r = result as typeof result & {\n    hasNextPage: boolean\n    hasPreviousPage: boolean\n    isFetchingNextPage: boolean\n    isFetchingPreviousPage: boolean\n    isFetchNextPageError: boolean\n    isFetchPreviousPageError: boolean\n  }\n\n  return {\n    data: r.data as TData,\n    error: r.error as TError | null,\n    status: 'success',\n    isPending: false,\n    isSuccess: true,\n    isError: false,\n    isFetching: r.isFetching,\n    isPlaceholderData: r.isPlaceholderData,\n    fetchStatus: r.fetchStatus,\n    hasNextPage: r.hasNextPage,\n    hasPreviousPage: r.hasPreviousPage,\n    isFetchingNextPage: r.isFetchingNextPage,\n    isFetchingPreviousPage: r.isFetchingPreviousPage,\n    isFetchNextPageError: r.isFetchNextPageError,\n    isFetchPreviousPageError: r.isFetchPreviousPageError,\n    refresh,\n    fetchNextPage,\n    fetchPreviousPage,\n  }\n}\n\n/**\n * Resolves a per-scope observer for suspense usage. Prefers the scope's\n * `$observer` (set by mountFx); falls back to a transient observer\n * constructed via `__createObserver` so that the very first render — before\n * useEffect has fired — has a working observer. Both flavors read/write the\n * same queryClient cache, so the transient observer is a thin wrapper.\n */\nfunction useSuspenseObserver<\n  TQuery extends {\n    $observer: import('effector').Store<TObserver | null>\n    $queryClient: import('effector').Store<\n      import('@tanstack/query-core').QueryClient | null\n    >\n  },\n  TObserver extends {\n    options: { queryKey: unknown }\n    setOptions(options: any): void\n    subscribe(cb: () => void): () => void\n    getOptimisticResult(options: any): {\n      status: 'pending' | 'success' | 'error'\n      data: unknown\n      error: unknown\n      isFetching: boolean\n      isPlaceholderData: boolean\n      fetchStatus: FetchStatus\n      // Infinite-query result fields — present at runtime when the underlying\n      // observer is an InfiniteQueryObserver; the suspense hooks narrow as\n      // needed. Typed as `any` here to keep the constraint loose.\n      hasNextPage?: any\n      hasPreviousPage?: any\n      isFetchingNextPage?: any\n      isFetchingPreviousPage?: any\n      isFetchNextPageError?: any\n      isFetchPreviousPageError?: any\n    }\n    fetchOptimistic(options: any): Promise<unknown>\n  },\n>(query: TQuery): TObserver {\n  const factory = query as unknown as TQuery & SuspenseFactory<TObserver>\n  const observerInScope = useUnit(query.$observer) as TObserver | null\n  const qc = useUnit(query.$queryClient)\n  const queryKey = useUnit(factory.__resolvedKey)\n  const enabled = useUnit(factory.__enabled)\n\n  // Memoize a transient observer keyed by qc, so it survives across renders\n  // while the scope observer is null. Once observerInScope appears, we\n  // switch — the transient one is unsubscribed and abandoned (it never\n  // subscribed to queryCache, so there is nothing to leak).\n  const transient = React.useMemo(() => {\n    if (observerInScope || !qc) return null\n    return factory.__createObserver(qc, { queryKey, enabled })\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [observerInScope, qc, factory])\n\n  // Keep the transient observer's options in sync with reactive key/enabled,\n  // so re-suspending on key changes still works through it.\n  React.useEffect(() => {\n    if (!transient) return\n    transient.setOptions({ ...transient.options, queryKey, enabled })\n  }, [transient, queryKey, enabled])\n\n  const observer = observerInScope ?? transient\n  if (!observer) {\n    throw new Error(\n      '[@effector-tanstack-query/react] useSuspenseQuery: no QueryClient is set. ' +\n        'Call setQueryClient(qc) or pass it to fork({ values: [[$queryClient, qc]] }).',\n    )\n  }\n  return observer\n}\n"]}
+{"version":3,"sources":["../src/index.ts"],"names":["useUnit","$queryClient","React","hydrate"],"mappings":"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","file":"index.cjs","sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { useUnit } from 'effector-react'\nimport { hydrate } from '@tanstack/query-core'\nimport type {\n  DehydratedState,\n  FetchStatus,\n  HydrateOptions,\n  MutateOptions,\n  QueryStatus,\n} from '@tanstack/query-core'\nimport { $queryClient } from '@effector-tanstack-query/core'\nimport type {\n  InfiniteQueryResult,\n  MutationResult,\n  MutationStatus,\n  QueryResult,\n} from '@effector-tanstack-query/core'\n\nexport interface HydrationBoundaryProps {\n  /**\n   * Snapshot produced by `dehydrate(queryClient)` on the server. Re-applied\n   * to the scope's `QueryClient` cache so observers mounted under this tree\n   * read prefetched data instead of triggering fresh network requests.\n   */\n  state?: DehydratedState\n  /** Forwarded to `hydrate(...)` — see `@tanstack/query-core` docs. */\n  options?: HydrateOptions\n  children?: React.ReactNode\n}\n\n/**\n * Merges a server-prefetched `DehydratedState` into the scope's\n * `QueryClient` cache.\n *\n * Mirrors `<HydrationBoundary>` from `@tanstack/react-query`: hydration\n * runs in `useMemo` so the merge happens during the render phase (children\n * see a populated cache on their first render, no flash). The hook\n * resolves the QueryClient via `useUnit($queryClient)` instead of\n * `useQueryClient()` — meaning each fork scope can have its own client\n * without an additional `<QueryClientProvider>` in the tree.\n *\n * `hydrate` is idempotent: re-rendering with the same `state` reference\n * is a no-op. Pass new `state` references on navigation to merge fresh\n * snapshots.\n *\n * Note: this only handles the QueryClient cache layer. Effector store\n * snapshots (e.g. `serialize(scope)`) flow through your existing\n * `<Provider>` / `<EffectorNext values>` layer — orthogonal concerns.\n */\nexport function HydrationBoundary({\n  state,\n  options,\n  children,\n}: HydrationBoundaryProps): React.ReactElement {\n  const queryClient = useUnit($queryClient)\n  React.useMemo(() => {\n    if (queryClient && state) hydrate(queryClient, state, options)\n  }, [queryClient, state, options])\n  return React.createElement(React.Fragment, null, children)\n}\n\nexport interface UseQueryResult<TData, TError = Error> {\n  data: TData | undefined\n  error: TError | null\n  status: QueryStatus\n  isPending: boolean\n  isFetching: boolean\n  isSuccess: boolean\n  isError: boolean\n  isPlaceholderData: boolean\n  fetchStatus: FetchStatus\n  refresh: () => void\n}\n\n/**\n * Subscribes a React component to a query, automatically calling\n * `mounted()` on mount and `unmounted()` on cleanup.\n */\nexport function useQuery<TData, TError = Error>(\n  query: QueryResult<TData, TError>,\n): UseQueryResult<TData, TError> {\n  const state = useUnit({\n    data: query.$data,\n    error: query.$error,\n    status: query.$status,\n    isPending: query.$isPending,\n    isFetching: query.$isFetching,\n    isSuccess: query.$isSuccess,\n    isError: query.$isError,\n    isPlaceholderData: query.$isPlaceholderData,\n    fetchStatus: query.$fetchStatus,\n  })\n\n  const mount = useUnit(query.mounted)\n  const unmount = useUnit(query.unmounted)\n  const refresh = useUnit(query.refresh)\n\n  React.useEffect(() => {\n    mount()\n    return () => unmount()\n  }, [mount, unmount])\n\n  return { ...state, refresh }\n}\n\nexport interface UseMutationResult<TData, TError, TVariables> {\n  data: TData | undefined\n  error: TError | null\n  status: MutationStatus\n  variables: TVariables | undefined\n  isPaused: boolean\n  isPending: boolean\n  isSuccess: boolean\n  isError: boolean\n  isIdle: boolean\n  mutate: (variables: TVariables) => void\n  /**\n   * Trigger the mutation with per-call callbacks layered on top of the\n   * observer-level ones (`onSuccess` / `onError` / `onSettled` in\n   * `createMutation` options). Use this for component-local reactions\n   * that don't fit module-level `sample` wiring — navigation after success,\n   * one-shot toasts, etc.\n   */\n  mutateWith: (args: {\n    variables: TVariables\n    onSuccess?: MutateOptions<TData, TError, TVariables>['onSuccess']\n    onError?: MutateOptions<TData, TError, TVariables>['onError']\n    onSettled?: MutateOptions<TData, TError, TVariables>['onSettled']\n  }) => void\n  reset: () => void\n}\n\n/**\n * Subscribes a React component to a mutation, automatically calling\n * `start()` on mount and `unmounted()` on cleanup so the queryClient can\n * garbage-collect the mutation entry once no observers remain.\n */\nexport function useMutation<TData = unknown, TError = Error, TVariables = void>(\n  mutation: MutationResult<TData, TError, TVariables>,\n): UseMutationResult<TData, TError, TVariables> {\n  const state = useUnit({\n    data: mutation.$data,\n    error: mutation.$error,\n    status: mutation.$status,\n    variables: mutation.$variables,\n    isPaused: mutation.$isPaused,\n    isPending: mutation.$isPending,\n    isSuccess: mutation.$isSuccess,\n    isError: mutation.$isError,\n    isIdle: mutation.$isIdle,\n  })\n\n  const start = useUnit(mutation.start)\n  const unmount = useUnit(mutation.unmounted)\n  const mutate = useUnit(mutation.mutate)\n  const mutateWith = useUnit(mutation.mutateWith)\n  const reset = useUnit(mutation.reset)\n\n  React.useEffect(() => {\n    start()\n    return () => unmount()\n  }, [start, unmount])\n\n  return { ...state, mutate, mutateWith, reset }\n}\n\nexport interface UseInfiniteQueryResult<TData, TError> {\n  data: TData | undefined\n  error: TError | null\n  status: QueryStatus\n  isPending: boolean\n  isFetching: boolean\n  isSuccess: boolean\n  isError: boolean\n  isPlaceholderData: boolean\n  fetchStatus: FetchStatus\n  hasNextPage: boolean\n  hasPreviousPage: boolean\n  isFetchingNextPage: boolean\n  isFetchingPreviousPage: boolean\n  isFetchNextPageError: boolean\n  isFetchPreviousPageError: boolean\n  refresh: () => void\n  fetchNextPage: () => void\n  fetchPreviousPage: () => void\n}\n\n/**\n * Subscribes a React component to an infinite query, with auto mount/unmount\n * lifecycle and bound `fetchNextPage` / `fetchPreviousPage` callbacks.\n */\nexport function useInfiniteQuery<TData, TError = Error, TPageParam = unknown>(\n  query: InfiniteQueryResult<TData, TError, TPageParam>,\n): UseInfiniteQueryResult<TData, TError> {\n  const state = useUnit({\n    data: query.$data,\n    error: query.$error,\n    status: query.$status,\n    isPending: query.$isPending,\n    isFetching: query.$isFetching,\n    isSuccess: query.$isSuccess,\n    isError: query.$isError,\n    isPlaceholderData: query.$isPlaceholderData,\n    fetchStatus: query.$fetchStatus,\n    hasNextPage: query.$hasNextPage,\n    hasPreviousPage: query.$hasPreviousPage,\n    isFetchingNextPage: query.$isFetchingNextPage,\n    isFetchingPreviousPage: query.$isFetchingPreviousPage,\n    isFetchNextPageError: query.$isFetchNextPageError,\n    isFetchPreviousPageError: query.$isFetchPreviousPageError,\n  })\n\n  const mount = useUnit(query.mounted)\n  const unmount = useUnit(query.unmounted)\n  const refresh = useUnit(query.refresh)\n  const fetchNextPage = useUnit(query.fetchNextPage)\n  const fetchPreviousPage = useUnit(query.fetchPreviousPage)\n\n  React.useEffect(() => {\n    mount()\n    return () => unmount()\n  }, [mount, unmount])\n\n  return { ...state, refresh, fetchNextPage, fetchPreviousPage }\n}\n\n// Suspense data path: read from a per-scope observer.\n//\n// The scope mount chain runs in useEffect, which is skipped while a component\n// is suspended — so on the very first render the scope's `$observer` may be\n// null. To get synchronous access to the observer's promise during suspense,\n// we construct a transient observer via the factory's hidden\n// `__createObserver(qc, { queryKey, enabled })` helper. The transient observer\n// reads from / writes to the same queryClient cache as the eventual scope\n// observer (which is created when mountFx runs after useEffect commits).\n//\n// The mount/unmount effect is still wired up so that other consumers reading\n// the same query through `useUnit` / `useQuery` see updates in scope state.\n\nfunction useObserverRerender(\n  observer: { subscribe: (cb: () => void) => () => void } | null,\n): void {\n  const [, forceRender] = React.useReducer((x: number) => x + 1, 0)\n  React.useEffect(() => {\n    if (!observer) return\n    return observer.subscribe(forceRender)\n  }, [observer])\n}\n\ninterface SuspenseFactory<TObserver> {\n  __createObserver(\n    qc: import('@tanstack/query-core').QueryClient,\n    init: { queryKey: unknown; enabled: boolean },\n  ): TObserver\n  __resolvedKey: import('effector').Store<unknown>\n  __enabled: import('effector').Store<boolean>\n}\n\nexport interface UseSuspenseQueryResult<TData, TError = Error> {\n  /** Resolved query data — non-nullable inside the rendered subtree (Suspense\n   * absorbed the pending state). */\n  data: TData\n  /** Always `null` past the Suspense gate; errors are thrown to the nearest\n   * `<ErrorBoundary>`. Typed as `TError | null` for consistency with\n   * `useQuery` so the same destructure works in both. */\n  error: TError | null\n  status: 'success'\n  isPending: false\n  isSuccess: true\n  isError: false\n  /** `true` while a background refetch is running. Use for refresh spinners. */\n  isFetching: boolean\n  isPlaceholderData: boolean\n  fetchStatus: FetchStatus\n  refresh: () => void\n}\n\n/**\n * Reads a query for use inside a `<Suspense>` boundary. While the query is\n * pending, throws an inflight promise (queryClient-deduplicated). On error,\n * throws the error — catch with `<ErrorBoundary>`. Returns the same shape as\n * `useQuery`, but with `data` narrowed to non-nullable `TData` since the\n * pending state is impossible past the Suspense gate.\n */\nexport function useSuspenseQuery<TData, TError = Error>(\n  query: QueryResult<TData, TError>,\n): UseSuspenseQueryResult<TData, TError> {\n  // Auto-mount lifecycle so concurrent consumers (useUnit / useQuery) reading\n  // the same query through the effector scope stay in sync.\n  const mount = useUnit(query.mounted)\n  const unmount = useUnit(query.unmounted)\n  const refresh = useUnit(query.refresh)\n  React.useEffect(() => {\n    mount()\n    return () => unmount()\n  }, [mount, unmount])\n\n  const observer = useSuspenseObserver(query)\n  useObserverRerender(observer)\n\n  // Store snapshot — always read so hook order is fixed across renders.\n  // The observer path doesn't use it; the store-only path (server-RSC of\n  // a scope rehydrated from `serialize`, where `$observer` and\n  // `$queryClient` are both `null` because they're `serialize: 'ignore'`)\n  // reads everything from here.\n  const state = useUnit({\n    data: query.$data,\n    error: query.$error,\n    status: query.$status,\n    isFetching: query.$isFetching,\n    isPlaceholderData: query.$isPlaceholderData,\n    fetchStatus: query.$fetchStatus,\n  })\n\n  // Observer path: `getOptimisticResult` reads from `QueryCache`\n  // synchronously and reflects fetches/refetches the moment the observer\n  // notifies. Used whenever we have an in-scope observer\n  // (post-`mounted()`) or a transient one built from `$queryClient`.\n  if (observer) {\n    const result = observer.getOptimisticResult(observer.options as any)\n\n    if (result.status === 'error') throw result.error\n    if (result.status === 'pending') {\n      throw observer.fetchOptimistic(observer.options as any)\n    }\n\n    return {\n      data: result.data as TData,\n      error: result.error as TError | null,\n      status: 'success',\n      isPending: false,\n      isSuccess: true,\n      isError: false,\n      isFetching: result.isFetching,\n      isPlaceholderData: result.isPlaceholderData,\n      fetchStatus: result.fetchStatus,\n      refresh,\n    }\n  }\n\n  // Store-only path: no observer materialisable. Trust `$status` —\n  // populated by `prefetchQueries` before the scope was serialised. A\n  // pending status here means there's no `QueryClient` and no prefetch\n  // happened: can't deduplicate-throw a fetch promise, so surface the\n  // misconfiguration as an error to `<ErrorBoundary>`.\n  if (state.status === 'error') throw state.error\n  if (state.status === 'pending') {\n    throw new Error(\n      '[@effector-tanstack-query/react] useSuspenseQuery: no QueryClient is set. ' +\n        'Call setQueryClient(qc) or pass it to fork({ values: [[$queryClient, qc]] }).',\n    )\n  }\n\n  return {\n    data: state.data as TData,\n    error: state.error as TError | null,\n    status: 'success',\n    isPending: false,\n    isSuccess: true,\n    isError: false,\n    isFetching: state.isFetching,\n    isPlaceholderData: state.isPlaceholderData,\n    fetchStatus: state.fetchStatus,\n    refresh,\n  }\n}\n\nexport interface UseSuspenseInfiniteQueryResult<TData, TError = Error> {\n  data: TData\n  error: TError | null\n  status: 'success'\n  isPending: false\n  isSuccess: true\n  isError: false\n  isFetching: boolean\n  isPlaceholderData: boolean\n  fetchStatus: FetchStatus\n  hasNextPage: boolean\n  hasPreviousPage: boolean\n  isFetchingNextPage: boolean\n  isFetchingPreviousPage: boolean\n  isFetchNextPageError: boolean\n  isFetchPreviousPageError: boolean\n  refresh: () => void\n  fetchNextPage: () => void\n  fetchPreviousPage: () => void\n}\n\n/**\n * Suspense variant of {@link useInfiniteQuery}. Same shape as `useInfiniteQuery`,\n * with `data` narrowed to non-nullable.\n */\nexport function useSuspenseInfiniteQuery<\n  TData,\n  TError = Error,\n  TPageParam = unknown,\n>(\n  query: InfiniteQueryResult<TData, TError, TPageParam>,\n): UseSuspenseInfiniteQueryResult<TData, TError> {\n  const mount = useUnit(query.mounted)\n  const unmount = useUnit(query.unmounted)\n  const refresh = useUnit(query.refresh)\n  const fetchNextPage = useUnit(query.fetchNextPage)\n  const fetchPreviousPage = useUnit(query.fetchPreviousPage)\n  React.useEffect(() => {\n    mount()\n    return () => unmount()\n  }, [mount, unmount])\n\n  const observer = useSuspenseObserver(query)\n  useObserverRerender(observer)\n\n  // See `useSuspenseQuery` for the observer-vs-stores dual path rationale.\n  // Infinite queries carry pagination fields in separate effector stores\n  // (`$hasNextPage`, `$isFetchingNextPage`, …), so the store snapshot has\n  // to read those too.\n  const state = useUnit({\n    data: query.$data,\n    error: query.$error,\n    status: query.$status,\n    isFetching: query.$isFetching,\n    isPlaceholderData: query.$isPlaceholderData,\n    fetchStatus: query.$fetchStatus,\n    hasNextPage: query.$hasNextPage,\n    hasPreviousPage: query.$hasPreviousPage,\n    isFetchingNextPage: query.$isFetchingNextPage,\n    isFetchingPreviousPage: query.$isFetchingPreviousPage,\n    isFetchNextPageError: query.$isFetchNextPageError,\n    isFetchPreviousPageError: query.$isFetchPreviousPageError,\n  })\n\n  if (observer) {\n    const obs = observer\n    const result = obs.getOptimisticResult(obs.options as any)\n\n    if (result.status === 'error') throw result.error\n    if (result.status === 'pending') {\n      throw (\n        obs as unknown as {\n          fetchOptimistic: (options: typeof obs.options) => Promise<unknown>\n        }\n      ).fetchOptimistic(obs.options)\n    }\n\n    const r = result as typeof result & {\n      hasNextPage: boolean\n      hasPreviousPage: boolean\n      isFetchingNextPage: boolean\n      isFetchingPreviousPage: boolean\n      isFetchNextPageError: boolean\n      isFetchPreviousPageError: boolean\n    }\n\n    return {\n      data: r.data as TData,\n      error: r.error as TError | null,\n      status: 'success',\n      isPending: false,\n      isSuccess: true,\n      isError: false,\n      isFetching: r.isFetching,\n      isPlaceholderData: r.isPlaceholderData,\n      fetchStatus: r.fetchStatus,\n      hasNextPage: r.hasNextPage,\n      hasPreviousPage: r.hasPreviousPage,\n      isFetchingNextPage: r.isFetchingNextPage,\n      isFetchingPreviousPage: r.isFetchingPreviousPage,\n      isFetchNextPageError: r.isFetchNextPageError,\n      isFetchPreviousPageError: r.isFetchPreviousPageError,\n      refresh,\n      fetchNextPage,\n      fetchPreviousPage,\n    }\n  }\n\n  // Store-only path (server-RSC of a hydrated scope).\n  if (state.status === 'error') throw state.error\n  if (state.status === 'pending') {\n    throw new Error(\n      '[@effector-tanstack-query/react] useSuspenseInfiniteQuery: no QueryClient is set. ' +\n        'Call setQueryClient(qc) or pass it to fork({ values: [[$queryClient, qc]] }).',\n    )\n  }\n\n  return {\n    data: state.data as TData,\n    error: state.error as TError | null,\n    status: 'success',\n    isPending: false,\n    isSuccess: true,\n    isError: false,\n    isFetching: state.isFetching,\n    isPlaceholderData: state.isPlaceholderData,\n    fetchStatus: state.fetchStatus,\n    hasNextPage: state.hasNextPage,\n    hasPreviousPage: state.hasPreviousPage,\n    isFetchingNextPage: state.isFetchingNextPage,\n    isFetchingPreviousPage: state.isFetchingPreviousPage,\n    isFetchNextPageError: state.isFetchNextPageError,\n    isFetchPreviousPageError: state.isFetchPreviousPageError,\n    refresh,\n    fetchNextPage,\n    fetchPreviousPage,\n  }\n}\n\n/**\n * Resolves a per-scope observer for suspense usage. Prefers the scope's\n * `$observer` (set by mountFx); falls back to a transient observer\n * constructed via `__createObserver` so that the very first render — before\n * useEffect has fired — has a working observer. Both flavors read/write the\n * same queryClient cache, so the transient observer is a thin wrapper.\n */\nfunction useSuspenseObserver<\n  TQuery extends {\n    $observer: import('effector').Store<TObserver | null>\n    $queryClient: import('effector').Store<\n      import('@tanstack/query-core').QueryClient | null\n    >\n  },\n  TObserver extends {\n    options: { queryKey: unknown }\n    setOptions(options: any): void\n    subscribe(cb: () => void): () => void\n    getOptimisticResult(options: any): {\n      status: 'pending' | 'success' | 'error'\n      data: unknown\n      error: unknown\n      isFetching: boolean\n      isPlaceholderData: boolean\n      fetchStatus: FetchStatus\n      // Infinite-query result fields — present at runtime when the underlying\n      // observer is an InfiniteQueryObserver; the suspense hooks narrow as\n      // needed. Typed as `any` here to keep the constraint loose.\n      hasNextPage?: any\n      hasPreviousPage?: any\n      isFetchingNextPage?: any\n      isFetchingPreviousPage?: any\n      isFetchNextPageError?: any\n      isFetchPreviousPageError?: any\n    }\n    fetchOptimistic(options: any): Promise<unknown>\n  },\n>(query: TQuery): TObserver | null {\n  const factory = query as unknown as TQuery & SuspenseFactory<TObserver>\n  const observerInScope = useUnit(query.$observer) as TObserver | null\n  const qc = useUnit(query.$queryClient)\n  const queryKey = useUnit(factory.__resolvedKey)\n  const enabled = useUnit(factory.__enabled)\n\n  // Memoize a transient observer keyed by qc, so it survives across renders\n  // while the scope observer is null. Once observerInScope appears, we\n  // switch — the transient one is unsubscribed and abandoned (it never\n  // subscribed to queryCache, so there is nothing to leak).\n  const transient = React.useMemo(() => {\n    if (observerInScope || !qc) return null\n    return factory.__createObserver(qc, { queryKey, enabled })\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [observerInScope, qc, factory])\n\n  // Keep the transient observer's options in sync with reactive key/enabled,\n  // so re-suspending on key changes still works through it.\n  React.useEffect(() => {\n    if (!transient) return\n    transient.setOptions({ ...transient.options, queryKey, enabled })\n  }, [transient, queryKey, enabled])\n\n  // Null is a legitimate return: server-RSC render of a scope built from\n  // `serialize(scope)` has neither `$observer` nor `$queryClient` (both are\n  // `serialize: 'ignore'` — instances can't ride through the RSC boundary).\n  // Callers branch on `$status === 'success'` from the serialized stores;\n  // they only error out when a pending state is unreachable without an\n  // observer to throw `fetchOptimistic` on.\n  return observerInScope ?? transient\n}\n"]}

package/dist/index.js

@@ -90,7 +90,10 @@ function useInfiniteQuery(query) {
 }
 function useObserverRerender(observer) {
   const [, forceRender] = React.useReducer((x) => x + 1, 0);
-  React.useEffect(() => observer.subscribe(forceRender), [observer]);
+  React.useEffect(() => {
+    if (!observer) return;
+    return observer.subscribe(forceRender);
+  }, [observer]);
 }
 function useSuspenseQuery(query) {
   const mount = useUnit(query.mounted);
@@ -102,21 +105,49 @@ function useSuspenseQuery(query) {
   }, [mount, unmount]);
   const observer = useSuspenseObserver(query);
   useObserverRerender(observer);
-  const result = observer.getOptimisticResult(observer.options);
-  if (result.status === "error") throw result.error;
-  if (result.status === "pending") {
-    throw observer.fetchOptimistic(observer.options);
+  const state = useUnit({
+    data: query.$data,
+    error: query.$error,
+    status: query.$status,
+    isFetching: query.$isFetching,
+    isPlaceholderData: query.$isPlaceholderData,
+    fetchStatus: query.$fetchStatus
+  });
+  if (observer) {
+    const result = observer.getOptimisticResult(observer.options);
+    if (result.status === "error") throw result.error;
+    if (result.status === "pending") {
+      throw observer.fetchOptimistic(observer.options);
+    }
+    return {
+      data: result.data,
+      error: result.error,
+      status: "success",
+      isPending: false,
+      isSuccess: true,
+      isError: false,
+      isFetching: result.isFetching,
+      isPlaceholderData: result.isPlaceholderData,
+      fetchStatus: result.fetchStatus,
+      refresh
+    };
+  }
+  if (state.status === "error") throw state.error;
+  if (state.status === "pending") {
+    throw new Error(
+      "[@effector-tanstack-query/react] useSuspenseQuery: no QueryClient is set. Call setQueryClient(qc) or pass it to fork({ values: [[$queryClient, qc]] })."
+    );
   }
   return {
-    data: result.data,
-    error: result.error,
+    data: state.data,
+    error: state.error,
     status: "success",
     isPending: false,
     isSuccess: true,
     isError: false,
-    isFetching: result.isFetching,
-    isPlaceholderData: result.isPlaceholderData,
-    fetchStatus: result.fetchStatus,
+    isFetching: state.isFetching,
+    isPlaceholderData: state.isPlaceholderData,
+    fetchStatus: state.fetchStatus,
     refresh
   };
 }
@@ -132,28 +163,71 @@ function useSuspenseInfiniteQuery(query) {
   }, [mount, unmount]);
   const observer = useSuspenseObserver(query);
   useObserverRerender(observer);
-  const result = observer.getOptimisticResult(observer.options);
-  if (result.status === "error") throw result.error;
-  if (result.status === "pending") {
-    throw observer.fetchOptimistic(observer.options);
+  const state = useUnit({
+    data: query.$data,
+    error: query.$error,
+    status: query.$status,
+    isFetching: query.$isFetching,
+    isPlaceholderData: query.$isPlaceholderData,
+    fetchStatus: query.$fetchStatus,
+    hasNextPage: query.$hasNextPage,
+    hasPreviousPage: query.$hasPreviousPage,
+    isFetchingNextPage: query.$isFetchingNextPage,
+    isFetchingPreviousPage: query.$isFetchingPreviousPage,
+    isFetchNextPageError: query.$isFetchNextPageError,
+    isFetchPreviousPageError: query.$isFetchPreviousPageError
+  });
+  if (observer) {
+    const obs = observer;
+    const result = obs.getOptimisticResult(obs.options);
+    if (result.status === "error") throw result.error;
+    if (result.status === "pending") {
+      throw obs.fetchOptimistic(obs.options);
+    }
+    const r = result;
+    return {
+      data: r.data,
+      error: r.error,
+      status: "success",
+      isPending: false,
+      isSuccess: true,
+      isError: false,
+      isFetching: r.isFetching,
+      isPlaceholderData: r.isPlaceholderData,
+      fetchStatus: r.fetchStatus,
+      hasNextPage: r.hasNextPage,
+      hasPreviousPage: r.hasPreviousPage,
+      isFetchingNextPage: r.isFetchingNextPage,
+      isFetchingPreviousPage: r.isFetchingPreviousPage,
+      isFetchNextPageError: r.isFetchNextPageError,
+      isFetchPreviousPageError: r.isFetchPreviousPageError,
+      refresh,
+      fetchNextPage,
+      fetchPreviousPage
+    };
+  }
+  if (state.status === "error") throw state.error;
+  if (state.status === "pending") {
+    throw new Error(
+      "[@effector-tanstack-query/react] useSuspenseInfiniteQuery: no QueryClient is set. Call setQueryClient(qc) or pass it to fork({ values: [[$queryClient, qc]] })."
+    );
   }
-  const r = result;
   return {
-    data: r.data,
-    error: r.error,
+    data: state.data,
+    error: state.error,
     status: "success",
     isPending: false,
     isSuccess: true,
     isError: false,
-    isFetching: r.isFetching,
-    isPlaceholderData: r.isPlaceholderData,
-    fetchStatus: r.fetchStatus,
-    hasNextPage: r.hasNextPage,
-    hasPreviousPage: r.hasPreviousPage,
-    isFetchingNextPage: r.isFetchingNextPage,
-    isFetchingPreviousPage: r.isFetchingPreviousPage,
-    isFetchNextPageError: r.isFetchNextPageError,
-    isFetchPreviousPageError: r.isFetchPreviousPageError,
+    isFetching: state.isFetching,
+    isPlaceholderData: state.isPlaceholderData,
+    fetchStatus: state.fetchStatus,
+    hasNextPage: state.hasNextPage,
+    hasPreviousPage: state.hasPreviousPage,
+    isFetchingNextPage: state.isFetchingNextPage,
+    isFetchingPreviousPage: state.isFetchingPreviousPage,
+    isFetchNextPageError: state.isFetchNextPageError,
+    isFetchPreviousPageError: state.isFetchPreviousPageError,
     refresh,
     fetchNextPage,
     fetchPreviousPage
@@ -173,13 +247,7 @@ function useSuspenseObserver(query) {
     if (!transient) return;
     transient.setOptions({ ...transient.options, queryKey, enabled });
   }, [transient, queryKey, enabled]);
-  const observer = observerInScope ?? transient;
-  if (!observer) {
-    throw new Error(
-      "[@effector-tanstack-query/react] useSuspenseQuery: no QueryClient is set. Call setQueryClient(qc) or pass it to fork({ values: [[$queryClient, qc]] })."
-    );
-  }
-  return observer;
+  return observerInScope ?? transient;
 }
 
 export { HydrationBoundary, useInfiniteQuery, useMutation, useQuery, useSuspenseInfiniteQuery, useSuspenseQuery };

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { useUnit } from 'effector-react'\nimport { hydrate } from '@tanstack/query-core'\nimport type {\n  DehydratedState,\n  FetchStatus,\n  HydrateOptions,\n  MutateOptions,\n  QueryStatus,\n} from '@tanstack/query-core'\nimport { $queryClient } from '@effector-tanstack-query/core'\nimport type {\n  InfiniteQueryResult,\n  MutationResult,\n  MutationStatus,\n  QueryResult,\n} from '@effector-tanstack-query/core'\n\nexport interface HydrationBoundaryProps {\n  /**\n   * Snapshot produced by `dehydrate(queryClient)` on the server. Re-applied\n   * to the scope's `QueryClient` cache so observers mounted under this tree\n   * read prefetched data instead of triggering fresh network requests.\n   */\n  state?: DehydratedState\n  /** Forwarded to `hydrate(...)` — see `@tanstack/query-core` docs. */\n  options?: HydrateOptions\n  children?: React.ReactNode\n}\n\n/**\n * Merges a server-prefetched `DehydratedState` into the scope's\n * `QueryClient` cache.\n *\n * Mirrors `<HydrationBoundary>` from `@tanstack/react-query`: hydration\n * runs in `useMemo` so the merge happens during the render phase (children\n * see a populated cache on their first render, no flash). The hook\n * resolves the QueryClient via `useUnit($queryClient)` instead of\n * `useQueryClient()` — meaning each fork scope can have its own client\n * without an additional `<QueryClientProvider>` in the tree.\n *\n * `hydrate` is idempotent: re-rendering with the same `state` reference\n * is a no-op. Pass new `state` references on navigation to merge fresh\n * snapshots.\n *\n * Note: this only handles the QueryClient cache layer. Effector store\n * snapshots (e.g. `serialize(scope)`) flow through your existing\n * `<Provider>` / `<EffectorNext values>` layer — orthogonal concerns.\n */\nexport function HydrationBoundary({\n  state,\n  options,\n  children,\n}: HydrationBoundaryProps): React.ReactElement {\n  const queryClient = useUnit($queryClient)\n  React.useMemo(() => {\n    if (queryClient && state) hydrate(queryClient, state, options)\n  }, [queryClient, state, options])\n  return React.createElement(React.Fragment, null, children)\n}\n\nexport interface UseQueryResult<TData, TError = Error> {\n  data: TData | undefined\n  error: TError | null\n  status: QueryStatus\n  isPending: boolean\n  isFetching: boolean\n  isSuccess: boolean\n  isError: boolean\n  isPlaceholderData: boolean\n  fetchStatus: FetchStatus\n  refresh: () => void\n}\n\n/**\n * Subscribes a React component to a query, automatically calling\n * `mounted()` on mount and `unmounted()` on cleanup.\n */\nexport function useQuery<TData, TError = Error>(\n  query: QueryResult<TData, TError>,\n): UseQueryResult<TData, TError> {\n  const state = useUnit({\n    data: query.$data,\n    error: query.$error,\n    status: query.$status,\n    isPending: query.$isPending,\n    isFetching: query.$isFetching,\n    isSuccess: query.$isSuccess,\n    isError: query.$isError,\n    isPlaceholderData: query.$isPlaceholderData,\n    fetchStatus: query.$fetchStatus,\n  })\n\n  const mount = useUnit(query.mounted)\n  const unmount = useUnit(query.unmounted)\n  const refresh = useUnit(query.refresh)\n\n  React.useEffect(() => {\n    mount()\n    return () => unmount()\n  }, [mount, unmount])\n\n  return { ...state, refresh }\n}\n\nexport interface UseMutationResult<TData, TError, TVariables> {\n  data: TData | undefined\n  error: TError | null\n  status: MutationStatus\n  variables: TVariables | undefined\n  isPaused: boolean\n  isPending: boolean\n  isSuccess: boolean\n  isError: boolean\n  isIdle: boolean\n  mutate: (variables: TVariables) => void\n  /**\n   * Trigger the mutation with per-call callbacks layered on top of the\n   * observer-level ones (`onSuccess` / `onError` / `onSettled` in\n   * `createMutation` options). Use this for component-local reactions\n   * that don't fit module-level `sample` wiring — navigation after success,\n   * one-shot toasts, etc.\n   */\n  mutateWith: (args: {\n    variables: TVariables\n    onSuccess?: MutateOptions<TData, TError, TVariables>['onSuccess']\n    onError?: MutateOptions<TData, TError, TVariables>['onError']\n    onSettled?: MutateOptions<TData, TError, TVariables>['onSettled']\n  }) => void\n  reset: () => void\n}\n\n/**\n * Subscribes a React component to a mutation, automatically calling\n * `start()` on mount and `unmounted()` on cleanup so the queryClient can\n * garbage-collect the mutation entry once no observers remain.\n */\nexport function useMutation<TData = unknown, TError = Error, TVariables = void>(\n  mutation: MutationResult<TData, TError, TVariables>,\n): UseMutationResult<TData, TError, TVariables> {\n  const state = useUnit({\n    data: mutation.$data,\n    error: mutation.$error,\n    status: mutation.$status,\n    variables: mutation.$variables,\n    isPaused: mutation.$isPaused,\n    isPending: mutation.$isPending,\n    isSuccess: mutation.$isSuccess,\n    isError: mutation.$isError,\n    isIdle: mutation.$isIdle,\n  })\n\n  const start = useUnit(mutation.start)\n  const unmount = useUnit(mutation.unmounted)\n  const mutate = useUnit(mutation.mutate)\n  const mutateWith = useUnit(mutation.mutateWith)\n  const reset = useUnit(mutation.reset)\n\n  React.useEffect(() => {\n    start()\n    return () => unmount()\n  }, [start, unmount])\n\n  return { ...state, mutate, mutateWith, reset }\n}\n\nexport interface UseInfiniteQueryResult<TData, TError> {\n  data: TData | undefined\n  error: TError | null\n  status: QueryStatus\n  isPending: boolean\n  isFetching: boolean\n  isSuccess: boolean\n  isError: boolean\n  isPlaceholderData: boolean\n  fetchStatus: FetchStatus\n  hasNextPage: boolean\n  hasPreviousPage: boolean\n  isFetchingNextPage: boolean\n  isFetchingPreviousPage: boolean\n  isFetchNextPageError: boolean\n  isFetchPreviousPageError: boolean\n  refresh: () => void\n  fetchNextPage: () => void\n  fetchPreviousPage: () => void\n}\n\n/**\n * Subscribes a React component to an infinite query, with auto mount/unmount\n * lifecycle and bound `fetchNextPage` / `fetchPreviousPage` callbacks.\n */\nexport function useInfiniteQuery<TData, TError = Error, TPageParam = unknown>(\n  query: InfiniteQueryResult<TData, TError, TPageParam>,\n): UseInfiniteQueryResult<TData, TError> {\n  const state = useUnit({\n    data: query.$data,\n    error: query.$error,\n    status: query.$status,\n    isPending: query.$isPending,\n    isFetching: query.$isFetching,\n    isSuccess: query.$isSuccess,\n    isError: query.$isError,\n    isPlaceholderData: query.$isPlaceholderData,\n    fetchStatus: query.$fetchStatus,\n    hasNextPage: query.$hasNextPage,\n    hasPreviousPage: query.$hasPreviousPage,\n    isFetchingNextPage: query.$isFetchingNextPage,\n    isFetchingPreviousPage: query.$isFetchingPreviousPage,\n    isFetchNextPageError: query.$isFetchNextPageError,\n    isFetchPreviousPageError: query.$isFetchPreviousPageError,\n  })\n\n  const mount = useUnit(query.mounted)\n  const unmount = useUnit(query.unmounted)\n  const refresh = useUnit(query.refresh)\n  const fetchNextPage = useUnit(query.fetchNextPage)\n  const fetchPreviousPage = useUnit(query.fetchPreviousPage)\n\n  React.useEffect(() => {\n    mount()\n    return () => unmount()\n  }, [mount, unmount])\n\n  return { ...state, refresh, fetchNextPage, fetchPreviousPage }\n}\n\n// Suspense data path: read from a per-scope observer.\n//\n// The scope mount chain runs in useEffect, which is skipped while a component\n// is suspended — so on the very first render the scope's `$observer` may be\n// null. To get synchronous access to the observer's promise during suspense,\n// we construct a transient observer via the factory's hidden\n// `__createObserver(qc, { queryKey, enabled })` helper. The transient observer\n// reads from / writes to the same queryClient cache as the eventual scope\n// observer (which is created when mountFx runs after useEffect commits).\n//\n// The mount/unmount effect is still wired up so that other consumers reading\n// the same query through `useUnit` / `useQuery` see updates in scope state.\n\nfunction useObserverRerender(observer: {\n  subscribe: (cb: () => void) => () => void\n}): void {\n  const [, forceRender] = React.useReducer((x: number) => x + 1, 0)\n  React.useEffect(() => observer.subscribe(forceRender), [observer])\n}\n\ninterface SuspenseFactory<TObserver> {\n  __createObserver(\n    qc: import('@tanstack/query-core').QueryClient,\n    init: { queryKey: unknown; enabled: boolean },\n  ): TObserver\n  __resolvedKey: import('effector').Store<unknown>\n  __enabled: import('effector').Store<boolean>\n}\n\nexport interface UseSuspenseQueryResult<TData, TError = Error> {\n  /** Resolved query data — non-nullable inside the rendered subtree (Suspense\n   * absorbed the pending state). */\n  data: TData\n  /** Always `null` past the Suspense gate; errors are thrown to the nearest\n   * `<ErrorBoundary>`. Typed as `TError | null` for consistency with\n   * `useQuery` so the same destructure works in both. */\n  error: TError | null\n  status: 'success'\n  isPending: false\n  isSuccess: true\n  isError: false\n  /** `true` while a background refetch is running. Use for refresh spinners. */\n  isFetching: boolean\n  isPlaceholderData: boolean\n  fetchStatus: FetchStatus\n  refresh: () => void\n}\n\n/**\n * Reads a query for use inside a `<Suspense>` boundary. While the query is\n * pending, throws an inflight promise (queryClient-deduplicated). On error,\n * throws the error — catch with `<ErrorBoundary>`. Returns the same shape as\n * `useQuery`, but with `data` narrowed to non-nullable `TData` since the\n * pending state is impossible past the Suspense gate.\n */\nexport function useSuspenseQuery<TData, TError = Error>(\n  query: QueryResult<TData, TError>,\n): UseSuspenseQueryResult<TData, TError> {\n  // Auto-mount lifecycle so concurrent consumers (useUnit / useQuery) reading\n  // the same query through the effector scope stay in sync.\n  const mount = useUnit(query.mounted)\n  const unmount = useUnit(query.unmounted)\n  const refresh = useUnit(query.refresh)\n  React.useEffect(() => {\n    mount()\n    return () => unmount()\n  }, [mount, unmount])\n\n  const observer = useSuspenseObserver(query)\n\n  useObserverRerender(observer)\n\n  const result = observer.getOptimisticResult(observer.options as any)\n\n  if (result.status === 'error') throw result.error\n  if (result.status === 'pending') {\n    throw observer.fetchOptimistic(observer.options as any)\n  }\n\n  // Read all secondary fields from the observer result, not the effector\n  // stores: stores are only populated after mountFx fires from useEffect,\n  // which on the very first successful render hasn't run yet. The observer\n  // result is always live and consistent.\n  return {\n    data: result.data as TData,\n    error: result.error as TError | null,\n    status: 'success',\n    isPending: false,\n    isSuccess: true,\n    isError: false,\n    isFetching: result.isFetching,\n    isPlaceholderData: result.isPlaceholderData,\n    fetchStatus: result.fetchStatus,\n    refresh,\n  }\n}\n\nexport interface UseSuspenseInfiniteQueryResult<TData, TError = Error> {\n  data: TData\n  error: TError | null\n  status: 'success'\n  isPending: false\n  isSuccess: true\n  isError: false\n  isFetching: boolean\n  isPlaceholderData: boolean\n  fetchStatus: FetchStatus\n  hasNextPage: boolean\n  hasPreviousPage: boolean\n  isFetchingNextPage: boolean\n  isFetchingPreviousPage: boolean\n  isFetchNextPageError: boolean\n  isFetchPreviousPageError: boolean\n  refresh: () => void\n  fetchNextPage: () => void\n  fetchPreviousPage: () => void\n}\n\n/**\n * Suspense variant of {@link useInfiniteQuery}. Same shape as `useInfiniteQuery`,\n * with `data` narrowed to non-nullable.\n */\nexport function useSuspenseInfiniteQuery<\n  TData,\n  TError = Error,\n  TPageParam = unknown,\n>(\n  query: InfiniteQueryResult<TData, TError, TPageParam>,\n): UseSuspenseInfiniteQueryResult<TData, TError> {\n  const mount = useUnit(query.mounted)\n  const unmount = useUnit(query.unmounted)\n  const refresh = useUnit(query.refresh)\n  const fetchNextPage = useUnit(query.fetchNextPage)\n  const fetchPreviousPage = useUnit(query.fetchPreviousPage)\n  React.useEffect(() => {\n    mount()\n    return () => unmount()\n  }, [mount, unmount])\n\n  const observer = useSuspenseObserver(query)\n\n  useObserverRerender(observer)\n\n  const result = observer.getOptimisticResult(observer.options as any)\n\n  if (result.status === 'error') throw result.error\n  if (result.status === 'pending') {\n    throw (\n      observer as unknown as {\n        fetchOptimistic: (\n          options: typeof observer.options,\n        ) => Promise<unknown>\n      }\n    ).fetchOptimistic(observer.options)\n  }\n\n  const r = result as typeof result & {\n    hasNextPage: boolean\n    hasPreviousPage: boolean\n    isFetchingNextPage: boolean\n    isFetchingPreviousPage: boolean\n    isFetchNextPageError: boolean\n    isFetchPreviousPageError: boolean\n  }\n\n  return {\n    data: r.data as TData,\n    error: r.error as TError | null,\n    status: 'success',\n    isPending: false,\n    isSuccess: true,\n    isError: false,\n    isFetching: r.isFetching,\n    isPlaceholderData: r.isPlaceholderData,\n    fetchStatus: r.fetchStatus,\n    hasNextPage: r.hasNextPage,\n    hasPreviousPage: r.hasPreviousPage,\n    isFetchingNextPage: r.isFetchingNextPage,\n    isFetchingPreviousPage: r.isFetchingPreviousPage,\n    isFetchNextPageError: r.isFetchNextPageError,\n    isFetchPreviousPageError: r.isFetchPreviousPageError,\n    refresh,\n    fetchNextPage,\n    fetchPreviousPage,\n  }\n}\n\n/**\n * Resolves a per-scope observer for suspense usage. Prefers the scope's\n * `$observer` (set by mountFx); falls back to a transient observer\n * constructed via `__createObserver` so that the very first render — before\n * useEffect has fired — has a working observer. Both flavors read/write the\n * same queryClient cache, so the transient observer is a thin wrapper.\n */\nfunction useSuspenseObserver<\n  TQuery extends {\n    $observer: import('effector').Store<TObserver | null>\n    $queryClient: import('effector').Store<\n      import('@tanstack/query-core').QueryClient | null\n    >\n  },\n  TObserver extends {\n    options: { queryKey: unknown }\n    setOptions(options: any): void\n    subscribe(cb: () => void): () => void\n    getOptimisticResult(options: any): {\n      status: 'pending' | 'success' | 'error'\n      data: unknown\n      error: unknown\n      isFetching: boolean\n      isPlaceholderData: boolean\n      fetchStatus: FetchStatus\n      // Infinite-query result fields — present at runtime when the underlying\n      // observer is an InfiniteQueryObserver; the suspense hooks narrow as\n      // needed. Typed as `any` here to keep the constraint loose.\n      hasNextPage?: any\n      hasPreviousPage?: any\n      isFetchingNextPage?: any\n      isFetchingPreviousPage?: any\n      isFetchNextPageError?: any\n      isFetchPreviousPageError?: any\n    }\n    fetchOptimistic(options: any): Promise<unknown>\n  },\n>(query: TQuery): TObserver {\n  const factory = query as unknown as TQuery & SuspenseFactory<TObserver>\n  const observerInScope = useUnit(query.$observer) as TObserver | null\n  const qc = useUnit(query.$queryClient)\n  const queryKey = useUnit(factory.__resolvedKey)\n  const enabled = useUnit(factory.__enabled)\n\n  // Memoize a transient observer keyed by qc, so it survives across renders\n  // while the scope observer is null. Once observerInScope appears, we\n  // switch — the transient one is unsubscribed and abandoned (it never\n  // subscribed to queryCache, so there is nothing to leak).\n  const transient = React.useMemo(() => {\n    if (observerInScope || !qc) return null\n    return factory.__createObserver(qc, { queryKey, enabled })\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [observerInScope, qc, factory])\n\n  // Keep the transient observer's options in sync with reactive key/enabled,\n  // so re-suspending on key changes still works through it.\n  React.useEffect(() => {\n    if (!transient) return\n    transient.setOptions({ ...transient.options, queryKey, enabled })\n  }, [transient, queryKey, enabled])\n\n  const observer = observerInScope ?? transient\n  if (!observer) {\n    throw new Error(\n      '[@effector-tanstack-query/react] useSuspenseQuery: no QueryClient is set. ' +\n        'Call setQueryClient(qc) or pass it to fork({ values: [[$queryClient, qc]] }).',\n    )\n  }\n  return observer\n}\n"]}
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { useUnit } from 'effector-react'\nimport { hydrate } from '@tanstack/query-core'\nimport type {\n  DehydratedState,\n  FetchStatus,\n  HydrateOptions,\n  MutateOptions,\n  QueryStatus,\n} from '@tanstack/query-core'\nimport { $queryClient } from '@effector-tanstack-query/core'\nimport type {\n  InfiniteQueryResult,\n  MutationResult,\n  MutationStatus,\n  QueryResult,\n} from '@effector-tanstack-query/core'\n\nexport interface HydrationBoundaryProps {\n  /**\n   * Snapshot produced by `dehydrate(queryClient)` on the server. Re-applied\n   * to the scope's `QueryClient` cache so observers mounted under this tree\n   * read prefetched data instead of triggering fresh network requests.\n   */\n  state?: DehydratedState\n  /** Forwarded to `hydrate(...)` — see `@tanstack/query-core` docs. */\n  options?: HydrateOptions\n  children?: React.ReactNode\n}\n\n/**\n * Merges a server-prefetched `DehydratedState` into the scope's\n * `QueryClient` cache.\n *\n * Mirrors `<HydrationBoundary>` from `@tanstack/react-query`: hydration\n * runs in `useMemo` so the merge happens during the render phase (children\n * see a populated cache on their first render, no flash). The hook\n * resolves the QueryClient via `useUnit($queryClient)` instead of\n * `useQueryClient()` — meaning each fork scope can have its own client\n * without an additional `<QueryClientProvider>` in the tree.\n *\n * `hydrate` is idempotent: re-rendering with the same `state` reference\n * is a no-op. Pass new `state` references on navigation to merge fresh\n * snapshots.\n *\n * Note: this only handles the QueryClient cache layer. Effector store\n * snapshots (e.g. `serialize(scope)`) flow through your existing\n * `<Provider>` / `<EffectorNext values>` layer — orthogonal concerns.\n */\nexport function HydrationBoundary({\n  state,\n  options,\n  children,\n}: HydrationBoundaryProps): React.ReactElement {\n  const queryClient = useUnit($queryClient)\n  React.useMemo(() => {\n    if (queryClient && state) hydrate(queryClient, state, options)\n  }, [queryClient, state, options])\n  return React.createElement(React.Fragment, null, children)\n}\n\nexport interface UseQueryResult<TData, TError = Error> {\n  data: TData | undefined\n  error: TError | null\n  status: QueryStatus\n  isPending: boolean\n  isFetching: boolean\n  isSuccess: boolean\n  isError: boolean\n  isPlaceholderData: boolean\n  fetchStatus: FetchStatus\n  refresh: () => void\n}\n\n/**\n * Subscribes a React component to a query, automatically calling\n * `mounted()` on mount and `unmounted()` on cleanup.\n */\nexport function useQuery<TData, TError = Error>(\n  query: QueryResult<TData, TError>,\n): UseQueryResult<TData, TError> {\n  const state = useUnit({\n    data: query.$data,\n    error: query.$error,\n    status: query.$status,\n    isPending: query.$isPending,\n    isFetching: query.$isFetching,\n    isSuccess: query.$isSuccess,\n    isError: query.$isError,\n    isPlaceholderData: query.$isPlaceholderData,\n    fetchStatus: query.$fetchStatus,\n  })\n\n  const mount = useUnit(query.mounted)\n  const unmount = useUnit(query.unmounted)\n  const refresh = useUnit(query.refresh)\n\n  React.useEffect(() => {\n    mount()\n    return () => unmount()\n  }, [mount, unmount])\n\n  return { ...state, refresh }\n}\n\nexport interface UseMutationResult<TData, TError, TVariables> {\n  data: TData | undefined\n  error: TError | null\n  status: MutationStatus\n  variables: TVariables | undefined\n  isPaused: boolean\n  isPending: boolean\n  isSuccess: boolean\n  isError: boolean\n  isIdle: boolean\n  mutate: (variables: TVariables) => void\n  /**\n   * Trigger the mutation with per-call callbacks layered on top of the\n   * observer-level ones (`onSuccess` / `onError` / `onSettled` in\n   * `createMutation` options). Use this for component-local reactions\n   * that don't fit module-level `sample` wiring — navigation after success,\n   * one-shot toasts, etc.\n   */\n  mutateWith: (args: {\n    variables: TVariables\n    onSuccess?: MutateOptions<TData, TError, TVariables>['onSuccess']\n    onError?: MutateOptions<TData, TError, TVariables>['onError']\n    onSettled?: MutateOptions<TData, TError, TVariables>['onSettled']\n  }) => void\n  reset: () => void\n}\n\n/**\n * Subscribes a React component to a mutation, automatically calling\n * `start()` on mount and `unmounted()` on cleanup so the queryClient can\n * garbage-collect the mutation entry once no observers remain.\n */\nexport function useMutation<TData = unknown, TError = Error, TVariables = void>(\n  mutation: MutationResult<TData, TError, TVariables>,\n): UseMutationResult<TData, TError, TVariables> {\n  const state = useUnit({\n    data: mutation.$data,\n    error: mutation.$error,\n    status: mutation.$status,\n    variables: mutation.$variables,\n    isPaused: mutation.$isPaused,\n    isPending: mutation.$isPending,\n    isSuccess: mutation.$isSuccess,\n    isError: mutation.$isError,\n    isIdle: mutation.$isIdle,\n  })\n\n  const start = useUnit(mutation.start)\n  const unmount = useUnit(mutation.unmounted)\n  const mutate = useUnit(mutation.mutate)\n  const mutateWith = useUnit(mutation.mutateWith)\n  const reset = useUnit(mutation.reset)\n\n  React.useEffect(() => {\n    start()\n    return () => unmount()\n  }, [start, unmount])\n\n  return { ...state, mutate, mutateWith, reset }\n}\n\nexport interface UseInfiniteQueryResult<TData, TError> {\n  data: TData | undefined\n  error: TError | null\n  status: QueryStatus\n  isPending: boolean\n  isFetching: boolean\n  isSuccess: boolean\n  isError: boolean\n  isPlaceholderData: boolean\n  fetchStatus: FetchStatus\n  hasNextPage: boolean\n  hasPreviousPage: boolean\n  isFetchingNextPage: boolean\n  isFetchingPreviousPage: boolean\n  isFetchNextPageError: boolean\n  isFetchPreviousPageError: boolean\n  refresh: () => void\n  fetchNextPage: () => void\n  fetchPreviousPage: () => void\n}\n\n/**\n * Subscribes a React component to an infinite query, with auto mount/unmount\n * lifecycle and bound `fetchNextPage` / `fetchPreviousPage` callbacks.\n */\nexport function useInfiniteQuery<TData, TError = Error, TPageParam = unknown>(\n  query: InfiniteQueryResult<TData, TError, TPageParam>,\n): UseInfiniteQueryResult<TData, TError> {\n  const state = useUnit({\n    data: query.$data,\n    error: query.$error,\n    status: query.$status,\n    isPending: query.$isPending,\n    isFetching: query.$isFetching,\n    isSuccess: query.$isSuccess,\n    isError: query.$isError,\n    isPlaceholderData: query.$isPlaceholderData,\n    fetchStatus: query.$fetchStatus,\n    hasNextPage: query.$hasNextPage,\n    hasPreviousPage: query.$hasPreviousPage,\n    isFetchingNextPage: query.$isFetchingNextPage,\n    isFetchingPreviousPage: query.$isFetchingPreviousPage,\n    isFetchNextPageError: query.$isFetchNextPageError,\n    isFetchPreviousPageError: query.$isFetchPreviousPageError,\n  })\n\n  const mount = useUnit(query.mounted)\n  const unmount = useUnit(query.unmounted)\n  const refresh = useUnit(query.refresh)\n  const fetchNextPage = useUnit(query.fetchNextPage)\n  const fetchPreviousPage = useUnit(query.fetchPreviousPage)\n\n  React.useEffect(() => {\n    mount()\n    return () => unmount()\n  }, [mount, unmount])\n\n  return { ...state, refresh, fetchNextPage, fetchPreviousPage }\n}\n\n// Suspense data path: read from a per-scope observer.\n//\n// The scope mount chain runs in useEffect, which is skipped while a component\n// is suspended — so on the very first render the scope's `$observer` may be\n// null. To get synchronous access to the observer's promise during suspense,\n// we construct a transient observer via the factory's hidden\n// `__createObserver(qc, { queryKey, enabled })` helper. The transient observer\n// reads from / writes to the same queryClient cache as the eventual scope\n// observer (which is created when mountFx runs after useEffect commits).\n//\n// The mount/unmount effect is still wired up so that other consumers reading\n// the same query through `useUnit` / `useQuery` see updates in scope state.\n\nfunction useObserverRerender(\n  observer: { subscribe: (cb: () => void) => () => void } | null,\n): void {\n  const [, forceRender] = React.useReducer((x: number) => x + 1, 0)\n  React.useEffect(() => {\n    if (!observer) return\n    return observer.subscribe(forceRender)\n  }, [observer])\n}\n\ninterface SuspenseFactory<TObserver> {\n  __createObserver(\n    qc: import('@tanstack/query-core').QueryClient,\n    init: { queryKey: unknown; enabled: boolean },\n  ): TObserver\n  __resolvedKey: import('effector').Store<unknown>\n  __enabled: import('effector').Store<boolean>\n}\n\nexport interface UseSuspenseQueryResult<TData, TError = Error> {\n  /** Resolved query data — non-nullable inside the rendered subtree (Suspense\n   * absorbed the pending state). */\n  data: TData\n  /** Always `null` past the Suspense gate; errors are thrown to the nearest\n   * `<ErrorBoundary>`. Typed as `TError | null` for consistency with\n   * `useQuery` so the same destructure works in both. */\n  error: TError | null\n  status: 'success'\n  isPending: false\n  isSuccess: true\n  isError: false\n  /** `true` while a background refetch is running. Use for refresh spinners. */\n  isFetching: boolean\n  isPlaceholderData: boolean\n  fetchStatus: FetchStatus\n  refresh: () => void\n}\n\n/**\n * Reads a query for use inside a `<Suspense>` boundary. While the query is\n * pending, throws an inflight promise (queryClient-deduplicated). On error,\n * throws the error — catch with `<ErrorBoundary>`. Returns the same shape as\n * `useQuery`, but with `data` narrowed to non-nullable `TData` since the\n * pending state is impossible past the Suspense gate.\n */\nexport function useSuspenseQuery<TData, TError = Error>(\n  query: QueryResult<TData, TError>,\n): UseSuspenseQueryResult<TData, TError> {\n  // Auto-mount lifecycle so concurrent consumers (useUnit / useQuery) reading\n  // the same query through the effector scope stay in sync.\n  const mount = useUnit(query.mounted)\n  const unmount = useUnit(query.unmounted)\n  const refresh = useUnit(query.refresh)\n  React.useEffect(() => {\n    mount()\n    return () => unmount()\n  }, [mount, unmount])\n\n  const observer = useSuspenseObserver(query)\n  useObserverRerender(observer)\n\n  // Store snapshot — always read so hook order is fixed across renders.\n  // The observer path doesn't use it; the store-only path (server-RSC of\n  // a scope rehydrated from `serialize`, where `$observer` and\n  // `$queryClient` are both `null` because they're `serialize: 'ignore'`)\n  // reads everything from here.\n  const state = useUnit({\n    data: query.$data,\n    error: query.$error,\n    status: query.$status,\n    isFetching: query.$isFetching,\n    isPlaceholderData: query.$isPlaceholderData,\n    fetchStatus: query.$fetchStatus,\n  })\n\n  // Observer path: `getOptimisticResult` reads from `QueryCache`\n  // synchronously and reflects fetches/refetches the moment the observer\n  // notifies. Used whenever we have an in-scope observer\n  // (post-`mounted()`) or a transient one built from `$queryClient`.\n  if (observer) {\n    const result = observer.getOptimisticResult(observer.options as any)\n\n    if (result.status === 'error') throw result.error\n    if (result.status === 'pending') {\n      throw observer.fetchOptimistic(observer.options as any)\n    }\n\n    return {\n      data: result.data as TData,\n      error: result.error as TError | null,\n      status: 'success',\n      isPending: false,\n      isSuccess: true,\n      isError: false,\n      isFetching: result.isFetching,\n      isPlaceholderData: result.isPlaceholderData,\n      fetchStatus: result.fetchStatus,\n      refresh,\n    }\n  }\n\n  // Store-only path: no observer materialisable. Trust `$status` —\n  // populated by `prefetchQueries` before the scope was serialised. A\n  // pending status here means there's no `QueryClient` and no prefetch\n  // happened: can't deduplicate-throw a fetch promise, so surface the\n  // misconfiguration as an error to `<ErrorBoundary>`.\n  if (state.status === 'error') throw state.error\n  if (state.status === 'pending') {\n    throw new Error(\n      '[@effector-tanstack-query/react] useSuspenseQuery: no QueryClient is set. ' +\n        'Call setQueryClient(qc) or pass it to fork({ values: [[$queryClient, qc]] }).',\n    )\n  }\n\n  return {\n    data: state.data as TData,\n    error: state.error as TError | null,\n    status: 'success',\n    isPending: false,\n    isSuccess: true,\n    isError: false,\n    isFetching: state.isFetching,\n    isPlaceholderData: state.isPlaceholderData,\n    fetchStatus: state.fetchStatus,\n    refresh,\n  }\n}\n\nexport interface UseSuspenseInfiniteQueryResult<TData, TError = Error> {\n  data: TData\n  error: TError | null\n  status: 'success'\n  isPending: false\n  isSuccess: true\n  isError: false\n  isFetching: boolean\n  isPlaceholderData: boolean\n  fetchStatus: FetchStatus\n  hasNextPage: boolean\n  hasPreviousPage: boolean\n  isFetchingNextPage: boolean\n  isFetchingPreviousPage: boolean\n  isFetchNextPageError: boolean\n  isFetchPreviousPageError: boolean\n  refresh: () => void\n  fetchNextPage: () => void\n  fetchPreviousPage: () => void\n}\n\n/**\n * Suspense variant of {@link useInfiniteQuery}. Same shape as `useInfiniteQuery`,\n * with `data` narrowed to non-nullable.\n */\nexport function useSuspenseInfiniteQuery<\n  TData,\n  TError = Error,\n  TPageParam = unknown,\n>(\n  query: InfiniteQueryResult<TData, TError, TPageParam>,\n): UseSuspenseInfiniteQueryResult<TData, TError> {\n  const mount = useUnit(query.mounted)\n  const unmount = useUnit(query.unmounted)\n  const refresh = useUnit(query.refresh)\n  const fetchNextPage = useUnit(query.fetchNextPage)\n  const fetchPreviousPage = useUnit(query.fetchPreviousPage)\n  React.useEffect(() => {\n    mount()\n    return () => unmount()\n  }, [mount, unmount])\n\n  const observer = useSuspenseObserver(query)\n  useObserverRerender(observer)\n\n  // See `useSuspenseQuery` for the observer-vs-stores dual path rationale.\n  // Infinite queries carry pagination fields in separate effector stores\n  // (`$hasNextPage`, `$isFetchingNextPage`, …), so the store snapshot has\n  // to read those too.\n  const state = useUnit({\n    data: query.$data,\n    error: query.$error,\n    status: query.$status,\n    isFetching: query.$isFetching,\n    isPlaceholderData: query.$isPlaceholderData,\n    fetchStatus: query.$fetchStatus,\n    hasNextPage: query.$hasNextPage,\n    hasPreviousPage: query.$hasPreviousPage,\n    isFetchingNextPage: query.$isFetchingNextPage,\n    isFetchingPreviousPage: query.$isFetchingPreviousPage,\n    isFetchNextPageError: query.$isFetchNextPageError,\n    isFetchPreviousPageError: query.$isFetchPreviousPageError,\n  })\n\n  if (observer) {\n    const obs = observer\n    const result = obs.getOptimisticResult(obs.options as any)\n\n    if (result.status === 'error') throw result.error\n    if (result.status === 'pending') {\n      throw (\n        obs as unknown as {\n          fetchOptimistic: (options: typeof obs.options) => Promise<unknown>\n        }\n      ).fetchOptimistic(obs.options)\n    }\n\n    const r = result as typeof result & {\n      hasNextPage: boolean\n      hasPreviousPage: boolean\n      isFetchingNextPage: boolean\n      isFetchingPreviousPage: boolean\n      isFetchNextPageError: boolean\n      isFetchPreviousPageError: boolean\n    }\n\n    return {\n      data: r.data as TData,\n      error: r.error as TError | null,\n      status: 'success',\n      isPending: false,\n      isSuccess: true,\n      isError: false,\n      isFetching: r.isFetching,\n      isPlaceholderData: r.isPlaceholderData,\n      fetchStatus: r.fetchStatus,\n      hasNextPage: r.hasNextPage,\n      hasPreviousPage: r.hasPreviousPage,\n      isFetchingNextPage: r.isFetchingNextPage,\n      isFetchingPreviousPage: r.isFetchingPreviousPage,\n      isFetchNextPageError: r.isFetchNextPageError,\n      isFetchPreviousPageError: r.isFetchPreviousPageError,\n      refresh,\n      fetchNextPage,\n      fetchPreviousPage,\n    }\n  }\n\n  // Store-only path (server-RSC of a hydrated scope).\n  if (state.status === 'error') throw state.error\n  if (state.status === 'pending') {\n    throw new Error(\n      '[@effector-tanstack-query/react] useSuspenseInfiniteQuery: no QueryClient is set. ' +\n        'Call setQueryClient(qc) or pass it to fork({ values: [[$queryClient, qc]] }).',\n    )\n  }\n\n  return {\n    data: state.data as TData,\n    error: state.error as TError | null,\n    status: 'success',\n    isPending: false,\n    isSuccess: true,\n    isError: false,\n    isFetching: state.isFetching,\n    isPlaceholderData: state.isPlaceholderData,\n    fetchStatus: state.fetchStatus,\n    hasNextPage: state.hasNextPage,\n    hasPreviousPage: state.hasPreviousPage,\n    isFetchingNextPage: state.isFetchingNextPage,\n    isFetchingPreviousPage: state.isFetchingPreviousPage,\n    isFetchNextPageError: state.isFetchNextPageError,\n    isFetchPreviousPageError: state.isFetchPreviousPageError,\n    refresh,\n    fetchNextPage,\n    fetchPreviousPage,\n  }\n}\n\n/**\n * Resolves a per-scope observer for suspense usage. Prefers the scope's\n * `$observer` (set by mountFx); falls back to a transient observer\n * constructed via `__createObserver` so that the very first render — before\n * useEffect has fired — has a working observer. Both flavors read/write the\n * same queryClient cache, so the transient observer is a thin wrapper.\n */\nfunction useSuspenseObserver<\n  TQuery extends {\n    $observer: import('effector').Store<TObserver | null>\n    $queryClient: import('effector').Store<\n      import('@tanstack/query-core').QueryClient | null\n    >\n  },\n  TObserver extends {\n    options: { queryKey: unknown }\n    setOptions(options: any): void\n    subscribe(cb: () => void): () => void\n    getOptimisticResult(options: any): {\n      status: 'pending' | 'success' | 'error'\n      data: unknown\n      error: unknown\n      isFetching: boolean\n      isPlaceholderData: boolean\n      fetchStatus: FetchStatus\n      // Infinite-query result fields — present at runtime when the underlying\n      // observer is an InfiniteQueryObserver; the suspense hooks narrow as\n      // needed. Typed as `any` here to keep the constraint loose.\n      hasNextPage?: any\n      hasPreviousPage?: any\n      isFetchingNextPage?: any\n      isFetchingPreviousPage?: any\n      isFetchNextPageError?: any\n      isFetchPreviousPageError?: any\n    }\n    fetchOptimistic(options: any): Promise<unknown>\n  },\n>(query: TQuery): TObserver | null {\n  const factory = query as unknown as TQuery & SuspenseFactory<TObserver>\n  const observerInScope = useUnit(query.$observer) as TObserver | null\n  const qc = useUnit(query.$queryClient)\n  const queryKey = useUnit(factory.__resolvedKey)\n  const enabled = useUnit(factory.__enabled)\n\n  // Memoize a transient observer keyed by qc, so it survives across renders\n  // while the scope observer is null. Once observerInScope appears, we\n  // switch — the transient one is unsubscribed and abandoned (it never\n  // subscribed to queryCache, so there is nothing to leak).\n  const transient = React.useMemo(() => {\n    if (observerInScope || !qc) return null\n    return factory.__createObserver(qc, { queryKey, enabled })\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [observerInScope, qc, factory])\n\n  // Keep the transient observer's options in sync with reactive key/enabled,\n  // so re-suspending on key changes still works through it.\n  React.useEffect(() => {\n    if (!transient) return\n    transient.setOptions({ ...transient.options, queryKey, enabled })\n  }, [transient, queryKey, enabled])\n\n  // Null is a legitimate return: server-RSC render of a scope built from\n  // `serialize(scope)` has neither `$observer` nor `$queryClient` (both are\n  // `serialize: 'ignore'` — instances can't ride through the RSC boundary).\n  // Callers branch on `$status === 'success'` from the serialized stores;\n  // they only error out when a pending state is unreachable without an\n  // observer to throw `fetchOptimistic` on.\n  return observerInScope ?? transient\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@effector-tanstack-query/react",
-  "version": "0.2.0",
+  "version": "0.3.1",
   "description": "React hooks for @effector-tanstack-query/core — useQuery, useMutation, useInfiniteQuery, useSuspenseQuery, useSuspenseInfiniteQuery",
   "license": "MIT",
   "author": "Ilya Agarkov <ilya.al.ag@gmail.com>",
@@ -36,6 +36,16 @@
         "default": "./dist/index.cjs"
       }
     },
+    "./compat": {
+      "import": {
+        "types": "./dist/compat.d.ts",
+        "default": "./dist/compat.js"
+      },
+      "require": {
+        "types": "./dist/compat.d.cts",
+        "default": "./dist/compat.cjs"
+      }
+    },
     "./package.json": "./package.json"
   },
   "files": [
@@ -45,14 +55,23 @@
   ],
   "sideEffects": false,
   "dependencies": {
-    "@effector-tanstack-query/core": "0.2.0"
+    "@effector-tanstack-query/core": "0.3.0"
+  },
+  "devDependencies": {
+    "@tanstack/react-query": "^5.0.0"
   },
   "peerDependencies": {
     "@tanstack/query-core": "^5.0.0",
+    "@tanstack/react-query": "^5.0.0",
     "effector": ">=23.0.0",
     "effector-react": ">=23.0.0",
     "react": "^18.0.0 || ^19.0.0"
   },
+  "peerDependenciesMeta": {
+    "@tanstack/react-query": {
+      "optional": true
+    }
+  },
   "scripts": {
     "build": "tsup && node ./scripts/inject-use-client.mjs",
     "build:watch": "tsup --watch",

package/src/compat.tsx

@@ -0,0 +1,83 @@
+'use client'
+
+import * as React from 'react'
+import { useUnit } from 'effector-react'
+import {
+  isServer,
+  QueryClient,
+  QueryClientProvider,
+} from '@tanstack/react-query'
+import { $queryClient } from '@effector-tanstack-query/core'
+
+type DefaultOptions = NonNullable<
+  ConstructorParameters<typeof QueryClient>[0]
+>['defaultOptions']
+
+export interface QueryClientCompatProviderProps {
+  children: React.ReactNode
+  /**
+   * `defaultOptions` for the per-render server fallback `QueryClient`
+   * (see below). Has no effect on the client — the browser singleton
+   * built in your own top-level `<EffectorNext>` setup is what `useQuery`
+   * from `@tanstack/react-query` resolves to there. Keep these aligned
+   * with your `createQuery({ staleTime, retry, ... })` definitions so
+   * server-rendered HTML matches what the client will produce after
+   * hydration.
+   */
+  defaultOptions?: DefaultOptions
+}
+
+/**
+ * SSR-safe `QueryClientProvider` bridge for users mixing
+ * `@tanstack/react-query` and `@effector-tanstack-query` — the typical
+ * "we're migrating page by page" case.
+ *
+ * Why a dedicated component:
+ *
+ *   - **Client**: `useUnit($queryClient)` returns the singleton browser
+ *     `QueryClient` already mounted by your top-level provider (whichever
+ *     module calls `setQueryClient(qc)` + `allSettled($queryClient, ...)`
+ *     for `getClientScope()`). Handing that same instance to
+ *     `<QueryClientProvider>` means **both APIs share a cache**: prefetch
+ *     with one, read with the other; `setQueryData` /
+ *     `invalidateQueries` from one re-renders the other.
+ *
+ *   - **Server (RSC)**: `$queryClient` is `serialize: 'ignore'` (its
+ *     value is a class instance — not JSON-safe — and per-request
+ *     QueryClients must NEVER be a module-level singleton on the
+ *     server). So inside the RSC rendering scope produced by
+ *     `<EffectorNext values={serialize(scope)}>`, `useUnit($queryClient)`
+ *     resolves to `null`. We fall back to a throwaway per-render
+ *     `QueryClient` solely so vanilla `useQuery` has a provider during
+ *     the server pass. Pair this component with `<HydrationBoundary>`
+ *     from `@tanstack/react-query` — the boundary will hydrate this
+ *     fallback client with the prefetched cache, so server-rendered
+ *     HTML shows data instead of a loading flash. On client hydration
+ *     the provider re-renders with the singleton browser client and
+ *     react-query re-subscribes its observers.
+ *
+ * `useState` makes the fallback per-component-instance (one per render
+ * tree), not a module-level singleton — concurrent SSR requests don't
+ * share it.
+ */
+export function QueryClientCompatProvider({
+  children,
+  defaultOptions,
+}: QueryClientCompatProviderProps): React.ReactElement {
+  const fromEffector = useUnit($queryClient)
+  const [serverFallback] = React.useState<QueryClient | null>(() =>
+    isServer ? new QueryClient({ defaultOptions }) : null,
+  )
+
+  const qc = fromEffector ?? serverFallback
+  if (!qc) {
+    // Defensive: on the client `fromEffector` is set synchronously by
+    // your top-level provider before any render, so this branch is
+    // unreachable in practice. If it fires, rendering children without
+    // a provider would crash any descendant `useQuery` from
+    // `@tanstack/react-query`.
+    return <>{children}</>
+  }
+
+  return <QueryClientProvider client={qc}>{children}</QueryClientProvider>
+}

package/src/index.ts

@@ -239,11 +239,14 @@ export function useInfiniteQuery<TData, TError = Error, TPageParam = unknown>(
 // The mount/unmount effect is still wired up so that other consumers reading
 // the same query through `useUnit` / `useQuery` see updates in scope state.
 
-function useObserverRerender(observer: {
-  subscribe: (cb: () => void) => () => void
-}): void {
+function useObserverRerender(
+  observer: { subscribe: (cb: () => void) => () => void } | null,
+): void {
   const [, forceRender] = React.useReducer((x: number) => x + 1, 0)
-  React.useEffect(() => observer.subscribe(forceRender), [observer])
+  React.useEffect(() => {
+    if (!observer) return
+    return observer.subscribe(forceRender)
+  }, [observer])
 }
 
 interface SuspenseFactory<TObserver> {
@@ -295,30 +298,71 @@ export function useSuspenseQuery<TData, TError = Error>(
   }, [mount, unmount])
 
   const observer = useSuspenseObserver(query)
-
   useObserverRerender(observer)
 
-  const result = observer.getOptimisticResult(observer.options as any)
+  // Store snapshot — always read so hook order is fixed across renders.
+  // The observer path doesn't use it; the store-only path (server-RSC of
+  // a scope rehydrated from `serialize`, where `$observer` and
+  // `$queryClient` are both `null` because they're `serialize: 'ignore'`)
+  // reads everything from here.
+  const state = useUnit({
+    data: query.$data,
+    error: query.$error,
+    status: query.$status,
+    isFetching: query.$isFetching,
+    isPlaceholderData: query.$isPlaceholderData,
+    fetchStatus: query.$fetchStatus,
+  })
+
+  // Observer path: `getOptimisticResult` reads from `QueryCache`
+  // synchronously and reflects fetches/refetches the moment the observer
+  // notifies. Used whenever we have an in-scope observer
+  // (post-`mounted()`) or a transient one built from `$queryClient`.
+  if (observer) {
+    const result = observer.getOptimisticResult(observer.options as any)
+
+    if (result.status === 'error') throw result.error
+    if (result.status === 'pending') {
+      throw observer.fetchOptimistic(observer.options as any)
+    }
 
-  if (result.status === 'error') throw result.error
-  if (result.status === 'pending') {
-    throw observer.fetchOptimistic(observer.options as any)
+    return {
+      data: result.data as TData,
+      error: result.error as TError | null,
+      status: 'success',
+      isPending: false,
+      isSuccess: true,
+      isError: false,
+      isFetching: result.isFetching,
+      isPlaceholderData: result.isPlaceholderData,
+      fetchStatus: result.fetchStatus,
+      refresh,
+    }
+  }
+
+  // Store-only path: no observer materialisable. Trust `$status` —
+  // populated by `prefetchQueries` before the scope was serialised. A
+  // pending status here means there's no `QueryClient` and no prefetch
+  // happened: can't deduplicate-throw a fetch promise, so surface the
+  // misconfiguration as an error to `<ErrorBoundary>`.
+  if (state.status === 'error') throw state.error
+  if (state.status === 'pending') {
+    throw new Error(
+      '[@effector-tanstack-query/react] useSuspenseQuery: no QueryClient is set. ' +
+        'Call setQueryClient(qc) or pass it to fork({ values: [[$queryClient, qc]] }).',
+    )
   }
 
-  // Read all secondary fields from the observer result, not the effector
-  // stores: stores are only populated after mountFx fires from useEffect,
-  // which on the very first successful render hasn't run yet. The observer
-  // result is always live and consistent.
   return {
-    data: result.data as TData,
-    error: result.error as TError | null,
+    data: state.data as TData,
+    error: state.error as TError | null,
     status: 'success',
     isPending: false,
     isSuccess: true,
     isError: false,
-    isFetching: result.isFetching,
-    isPlaceholderData: result.isPlaceholderData,
-    fetchStatus: result.fetchStatus,
+    isFetching: state.isFetching,
+    isPlaceholderData: state.isPlaceholderData,
+    fetchStatus: state.fetchStatus,
     refresh,
   }
 }
@@ -366,47 +410,96 @@ export function useSuspenseInfiniteQuery<
   }, [mount, unmount])
 
   const observer = useSuspenseObserver(query)
-
   useObserverRerender(observer)
 
-  const result = observer.getOptimisticResult(observer.options as any)
-
-  if (result.status === 'error') throw result.error
-  if (result.status === 'pending') {
-    throw (
-      observer as unknown as {
-        fetchOptimistic: (
-          options: typeof observer.options,
-        ) => Promise<unknown>
-      }
-    ).fetchOptimistic(observer.options)
+  // See `useSuspenseQuery` for the observer-vs-stores dual path rationale.
+  // Infinite queries carry pagination fields in separate effector stores
+  // (`$hasNextPage`, `$isFetchingNextPage`, …), so the store snapshot has
+  // to read those too.
+  const state = useUnit({
+    data: query.$data,
+    error: query.$error,
+    status: query.$status,
+    isFetching: query.$isFetching,
+    isPlaceholderData: query.$isPlaceholderData,
+    fetchStatus: query.$fetchStatus,
+    hasNextPage: query.$hasNextPage,
+    hasPreviousPage: query.$hasPreviousPage,
+    isFetchingNextPage: query.$isFetchingNextPage,
+    isFetchingPreviousPage: query.$isFetchingPreviousPage,
+    isFetchNextPageError: query.$isFetchNextPageError,
+    isFetchPreviousPageError: query.$isFetchPreviousPageError,
+  })
+
+  if (observer) {
+    const obs = observer
+    const result = obs.getOptimisticResult(obs.options as any)
+
+    if (result.status === 'error') throw result.error
+    if (result.status === 'pending') {
+      throw (
+        obs as unknown as {
+          fetchOptimistic: (options: typeof obs.options) => Promise<unknown>
+        }
+      ).fetchOptimistic(obs.options)
+    }
+
+    const r = result as typeof result & {
+      hasNextPage: boolean
+      hasPreviousPage: boolean
+      isFetchingNextPage: boolean
+      isFetchingPreviousPage: boolean
+      isFetchNextPageError: boolean
+      isFetchPreviousPageError: boolean
+    }
+
+    return {
+      data: r.data as TData,
+      error: r.error as TError | null,
+      status: 'success',
+      isPending: false,
+      isSuccess: true,
+      isError: false,
+      isFetching: r.isFetching,
+      isPlaceholderData: r.isPlaceholderData,
+      fetchStatus: r.fetchStatus,
+      hasNextPage: r.hasNextPage,
+      hasPreviousPage: r.hasPreviousPage,
+      isFetchingNextPage: r.isFetchingNextPage,
+      isFetchingPreviousPage: r.isFetchingPreviousPage,
+      isFetchNextPageError: r.isFetchNextPageError,
+      isFetchPreviousPageError: r.isFetchPreviousPageError,
+      refresh,
+      fetchNextPage,
+      fetchPreviousPage,
+    }
   }
 
-  const r = result as typeof result & {
-    hasNextPage: boolean
-    hasPreviousPage: boolean
-    isFetchingNextPage: boolean
-    isFetchingPreviousPage: boolean
-    isFetchNextPageError: boolean
-    isFetchPreviousPageError: boolean
+  // Store-only path (server-RSC of a hydrated scope).
+  if (state.status === 'error') throw state.error
+  if (state.status === 'pending') {
+    throw new Error(
+      '[@effector-tanstack-query/react] useSuspenseInfiniteQuery: no QueryClient is set. ' +
+        'Call setQueryClient(qc) or pass it to fork({ values: [[$queryClient, qc]] }).',
+    )
   }
 
   return {
-    data: r.data as TData,
-    error: r.error as TError | null,
+    data: state.data as TData,
+    error: state.error as TError | null,
     status: 'success',
     isPending: false,
     isSuccess: true,
     isError: false,
-    isFetching: r.isFetching,
-    isPlaceholderData: r.isPlaceholderData,
-    fetchStatus: r.fetchStatus,
-    hasNextPage: r.hasNextPage,
-    hasPreviousPage: r.hasPreviousPage,
-    isFetchingNextPage: r.isFetchingNextPage,
-    isFetchingPreviousPage: r.isFetchingPreviousPage,
-    isFetchNextPageError: r.isFetchNextPageError,
-    isFetchPreviousPageError: r.isFetchPreviousPageError,
+    isFetching: state.isFetching,
+    isPlaceholderData: state.isPlaceholderData,
+    fetchStatus: state.fetchStatus,
+    hasNextPage: state.hasNextPage,
+    hasPreviousPage: state.hasPreviousPage,
+    isFetchingNextPage: state.isFetchingNextPage,
+    isFetchingPreviousPage: state.isFetchingPreviousPage,
+    isFetchNextPageError: state.isFetchNextPageError,
+    isFetchPreviousPageError: state.isFetchPreviousPageError,
     refresh,
     fetchNextPage,
     fetchPreviousPage,
@@ -450,7 +543,7 @@ function useSuspenseObserver<
     }
     fetchOptimistic(options: any): Promise<unknown>
   },
->(query: TQuery): TObserver {
+>(query: TQuery): TObserver | null {
   const factory = query as unknown as TQuery & SuspenseFactory<TObserver>
   const observerInScope = useUnit(query.$observer) as TObserver | null
   const qc = useUnit(query.$queryClient)
@@ -474,12 +567,11 @@ function useSuspenseObserver<
     transient.setOptions({ ...transient.options, queryKey, enabled })
   }, [transient, queryKey, enabled])
 
-  const observer = observerInScope ?? transient
-  if (!observer) {
-    throw new Error(
-      '[@effector-tanstack-query/react] useSuspenseQuery: no QueryClient is set. ' +
-        'Call setQueryClient(qc) or pass it to fork({ values: [[$queryClient, qc]] }).',
-    )
-  }
-  return observer
+  // Null is a legitimate return: server-RSC render of a scope built from
+  // `serialize(scope)` has neither `$observer` nor `$queryClient` (both are
+  // `serialize: 'ignore'` — instances can't ride through the RSC boundary).
+  // Callers branch on `$status === 'success'` from the serialized stores;
+  // they only error out when a pending state is unreachable without an
+  // observer to throw `fetchOptimistic` on.
+  return observerInScope ?? transient
 }