@apollo/client 3.13.9-rc.0 → 3.14.0-alpha.0

package/react/hooks/useQuery.js

@@ -1,4 +1,4 @@
-import { c as _c } from "react-compiler-runtime";
+import { __assign, __rest } from "tslib";
 /**
  * Function parameters in this file try to follow a common order for the sake of
  * readability and consistency. The order is as follows:
@@ -10,17 +10,30 @@ import { c as _c } from "react-compiler-runtime";
  * options
  * watchQueryOptions
  * makeWatchQueryOptions
+ * isSSRAllowed
+ * disableNetworkFetches
+ * partialRefetch
+ * renderPromises
+ * isSyncSSR
+ * callbacks
  */
 /** */
+import { invariant } from "../../utilities/globals/index.js";
+import * as React from "rehackt";
+import { useSyncExternalStore } from "./useSyncExternalStore.js";
 import { equal } from "@wry/equality";
-import * as React from "react";
-import { asapScheduler, observeOn } from "rxjs";
-import { NetworkStatus } from "@apollo/client";
-import { maybeDeepFreeze, mergeOptions, } from "@apollo/client/utilities/internal";
-import { wrapHook } from "./internal/index.js";
+import { mergeOptions } from "../../utilities/index.js";
+import { getApolloContext } from "../context/index.js";
+import { ApolloError } from "../../errors/index.js";
+import { ObservableQuery, NetworkStatus } from "../../core/index.js";
+import { DocumentType, verifyDocumentType } from "../parser/index.js";
 import { useApolloClient } from "./useApolloClient.js";
-import { useSyncExternalStore } from "./useSyncExternalStore.js";
-const lastWatchOptions = Symbol();
+import { compact, isNonEmptyArray, maybeDeepFreeze, } from "../../utilities/index.js";
+import { useWarnRemovedOption, wrapHook } from "./internal/index.js";
+import { muteDeprecations } from "../../utilities/deprecation/index.js";
+var hasOwnProperty = Object.prototype.hasOwnProperty;
+function noop() { }
+var lastWatchOptions = Symbol();
 /**
  * A hook for executing queries in an Apollo application.
  *
@@ -55,283 +68,227 @@ const lastWatchOptions = Symbol();
  * @param options - Options to control how the query is executed.
  * @returns Query result object
  */
-export function useQuery(query, ...[options]) {
-    "use no memo";
-    return wrapHook("useQuery", 
-    // eslint-disable-next-line react-compiler/react-compiler
-    useQuery_, useApolloClient(options && options.client))(query, options);
+export function useQuery(query, options) {
+    if (options === void 0) { options = Object.create(null); }
+    return wrapHook("useQuery", useQuery_, useApolloClient(options && options.client))(query, options);
 }
-function useQuery_(query, t0) {
-    const $ = _c(46);
-    let t1;
-
-    if ($[0] !== t0) {
-        t1 = t0 === undefined ? {} : t0;
-        $[0] = t0;
-        $[1] = t1;
-    } else {
-        t1 = $[1];
-    }
-
-    const options = t1;
-    const client = useApolloClient(options.client);
-    let opts;
-    let skip;
-
-    if ($[2] !== options) {
-        const {
-            skip: t2,
-            ssr,
-            ...t3
-        } = options;
-        skip = t2;
-        opts = t3;
-        $[2] = options;
-        $[3] = opts;
-        $[4] = skip;
-    } else {
-        opts = $[3];
-        skip = $[4];
-    }
-
-    let watchQueryOptions;
-
-    if ($[5] !== client.defaultOptions.watchQuery || $[6] !== options.fetchPolicy || $[7] !== options.initialFetchPolicy || $[8] !== opts || $[9] !== query || $[10] !== skip) {
-        watchQueryOptions = mergeOptions(client.defaultOptions.watchQuery, {
-            ...opts,
-            query
-        });
-
-        if (skip) {
-            watchQueryOptions.initialFetchPolicy = options.initialFetchPolicy || options.fetchPolicy;
-            watchQueryOptions.fetchPolicy = "standby";
-        }
-
-        $[5] = client.defaultOptions.watchQuery;
-        $[6] = options.fetchPolicy;
-        $[7] = options.initialFetchPolicy;
-        $[8] = opts;
-        $[9] = query;
-        $[10] = skip;
-        $[11] = watchQueryOptions;
-    } else {
-        watchQueryOptions = $[11];
-    }
-
-    let t2;
-
-    if ($[12] !== client || $[13] !== query || $[14] !== watchQueryOptions) {
-        t2 = function createState(previous) {
-            const observable = client.watchQuery(watchQueryOptions);
-
-            return {
-                client,
-                query,
-                observable,
-
-                resultData: {
-                    current: observable.getCurrentResult(),
-                    previousData: previous?.resultData.current.data
-                }
-            };
-        };
-        $[12] = client;
-        $[13] = query;
-        $[14] = watchQueryOptions;
-        $[15] = t2;
-    } else {
-        t2 = $[15];
-    }
-
-    const createState = t2;
-    let [state, setState] = React.useState(createState);
-
-    if (client !== state.client || query !== state.query) {
-        const t3 = setState;
-        let t4;
-
-        if ($[16] !== createState || $[17] !== state) {
-            t4 = createState(state);
-            $[16] = createState;
-            $[17] = state;
-            $[18] = t4;
-        } else {
-            t4 = $[18];
-        }
-
-        t3(state = t4);
-    }
-
-    const {
-        observable: observable_0,
-        resultData
-    } = state;
-    useInitialFetchPolicyIfNecessary(watchQueryOptions, observable_0);
-    useResubscribeIfNecessary(resultData, observable_0, watchQueryOptions);
-    const result = useResult(observable_0, resultData, options.ssr);
-    let t3;
-    let t4;
-
-    if ($[19] !== observable_0) {
-        t4 = observable_0.refetch.bind(observable_0);
-        $[19] = observable_0;
-        $[20] = t4;
-    } else {
-        t4 = $[20];
-    }
-
-    let t5;
-
-    if ($[21] !== observable_0) {
-        t5 = observable_0.fetchMore.bind(observable_0);
-        $[21] = observable_0;
-        $[22] = t5;
-    } else {
-        t5 = $[22];
-    }
-
-    let t6;
-
-    if ($[23] !== observable_0) {
-        t6 = observable_0.updateQuery.bind(observable_0);
-        $[23] = observable_0;
-        $[24] = t6;
-    } else {
-        t6 = $[24];
-    }
-
-    let t7;
-
-    if ($[25] !== observable_0) {
-        t7 = observable_0.startPolling.bind(observable_0);
-        $[25] = observable_0;
-        $[26] = t7;
-    } else {
-        t7 = $[26];
+function useQuery_(query, options) {
+    if (globalThis.__DEV__ !== false) {
+        /* eslint-disable react-hooks/rules-of-hooks, react-compiler/react-compiler */
+        useWarnRemovedOption(options, "canonizeResults", "useQuery");
+        useWarnRemovedOption(options, "partialRefetch", "useQuery");
+        useWarnRemovedOption(options, "defaultOptions", "useQuery", "Pass the options directly to the hook instead.");
+        useWarnRemovedOption(options, "onCompleted", "useQuery", "If your `onCompleted` callback sets local state, switch to use derived state using `data` returned from the hook instead. Use `useEffect` to perform side-effects as a result of updates to `data`.");
+        useWarnRemovedOption(options, "onError", "useQuery", "If your `onError` callback sets local state, switch to use derived state using `data`, `error` or `errors` returned from the hook instead. Use `useEffect` if you need to perform side-effects as a result of updates to `data`, `error` or `errors`.");
+        /* eslint-enable react-hooks/rules-of-hooks, react-compiler/react-compiler */
     }
-
-    let t8;
-
-    if ($[27] !== observable_0) {
-        t8 = observable_0.stopPolling.bind(observable_0);
-        $[27] = observable_0;
-        $[28] = t8;
-    } else {
-        t8 = $[28];
-    }
-
-    let t9;
-
-    if ($[29] !== observable_0) {
-        t9 = observable_0.subscribeToMore.bind(observable_0);
-        $[29] = observable_0;
-        $[30] = t9;
-    } else {
-        t9 = $[30];
-    }
-
-    let t10;
-
-    if ($[31] !== t4 || $[32] !== t5 || $[33] !== t6 || $[34] !== t7 || $[35] !== t8 || $[36] !== t9) {
-        t10 = {
-            refetch: t4,
-            fetchMore: t5,
-            updateQuery: t6,
-            startPolling: t7,
-            stopPolling: t8,
-            subscribeToMore: t9
+    var _a = useQueryInternals(query, options), result = _a.result, obsQueryFields = _a.obsQueryFields;
+    return React.useMemo(function () { return (__assign(__assign({}, result), obsQueryFields)); }, [result, obsQueryFields]);
+}
+function useInternalState(client, query, options, renderPromises, makeWatchQueryOptions) {
+    function createInternalState(previous) {
+        var _a;
+        verifyDocumentType(query, DocumentType.Query);
+        var internalState = {
+            client: client,
+            query: query,
+            observable: 
+            // See if there is an existing observable that was used to fetch the same
+            // data and if so, use it instead since it will contain the proper queryId
+            // to fetch the result set. This is used during SSR.
+            (renderPromises &&
+                renderPromises.getSSRObservable(makeWatchQueryOptions())) ||
+                ObservableQuery["inactiveOnCreation"].withValue(!renderPromises, function () {
+                    return muteDeprecations("canonizeResults", function () {
+                        return client.watchQuery(getObsQueryOptions(void 0, client, options, makeWatchQueryOptions()));
+                    });
+                }),
+            resultData: {
+                // Reuse previousData from previous InternalState (if any) to provide
+                // continuity of previousData even if/when the query or client changes.
+                previousData: (_a = previous === null || previous === void 0 ? void 0 : previous.resultData.current) === null || _a === void 0 ? void 0 : _a.data,
+            },
         };
-        $[31] = t4;
-        $[32] = t5;
-        $[33] = t6;
-        $[34] = t7;
-        $[35] = t8;
-        $[36] = t9;
-        $[37] = t10;
-    } else {
-        t10 = $[37];
+        return internalState;
     }
-
-    t3 = t10;
-    const obsQueryFields = t3;
-    const previousData = resultData.previousData;
-    let t11;
-    let rest;
-
-    if ($[38] !== result) {
-        const {
-            partial,
-            ...t12
-        } = result;
-        rest = t12;
-        $[38] = result;
-        $[39] = rest;
-    } else {
-        rest = $[39];
+    var _a = React.useState(createInternalState), internalState = _a[0], updateInternalState = _a[1];
+    /**
+     * Used by `useLazyQuery` when a new query is executed.
+     * We keep this logic here since it needs to update things in unsafe
+     * ways and here we at least can keep track of that in a single place.
+     */
+    function onQueryExecuted(watchQueryOptions) {
+        var _a;
+        var _b;
+        // this needs to be set to prevent an immediate `resubscribe` in the
+        // next rerender of the `useQuery` internals
+        Object.assign(internalState.observable, (_a = {},
+            _a[lastWatchOptions] = watchQueryOptions,
+            _a));
+        var resultData = internalState.resultData;
+        updateInternalState(__assign(__assign({}, internalState), { 
+            // might be a different query
+            query: watchQueryOptions.query, resultData: Object.assign(resultData, {
+                // We need to modify the previous `resultData` object as we rely on the
+                // object reference in other places
+                previousData: ((_b = resultData.current) === null || _b === void 0 ? void 0 : _b.data) || resultData.previousData,
+                current: undefined,
+            }) }));
     }
-
-    let t12;
-
-    if ($[40] !== client || $[41] !== obsQueryFields || $[42] !== observable_0 || $[43] !== previousData || $[44] !== rest) {
-        t12 = {
-            ...rest,
-            client,
-            observable: observable_0,
-            variables: observable_0.variables,
-            previousData,
-            ...obsQueryFields
-        };
-        $[40] = client;
-        $[41] = obsQueryFields;
-        $[42] = observable_0;
-        $[43] = previousData;
-        $[44] = rest;
-        $[45] = t12;
-    } else {
-        t12 = $[45];
+    if (client !== internalState.client || query !== internalState.query) {
+        // If the client or query have changed, we need to create a new InternalState.
+        // This will trigger a re-render with the new state, but it will also continue
+        // to run the current render function to completion.
+        // Since we sometimes trigger some side-effects in the render function, we
+        // re-assign `state` to the new state to ensure that those side-effects are
+        // triggered with the new state.
+        var newInternalState = createInternalState(internalState);
+        updateInternalState(newInternalState);
+        return [newInternalState, onQueryExecuted];
     }
-
-    t11 = t12;
-    return t11;
+    return [internalState, onQueryExecuted];
 }
-function useInitialFetchPolicyIfNecessary(watchQueryOptions, observable) {
-    "use no memo";
-    if (!watchQueryOptions.fetchPolicy) {
-        watchQueryOptions.fetchPolicy = observable.options.initialFetchPolicy;
-    }
+export function useQueryInternals(query, options) {
+    var client = useApolloClient(options.client);
+    var renderPromises = React.useContext(getApolloContext()).renderPromises;
+    var isSyncSSR = !!renderPromises;
+    var disableNetworkFetches = client.disableNetworkFetches;
+    var ssrAllowed = options.ssr !== false && !options.skip;
+    var partialRefetch = options.partialRefetch;
+    var makeWatchQueryOptions = createMakeWatchQueryOptions(client, query, options, isSyncSSR);
+    var _a = useInternalState(client, query, options, renderPromises, makeWatchQueryOptions), _b = _a[0], observable = _b.observable, resultData = _b.resultData, onQueryExecuted = _a[1];
+    var watchQueryOptions = makeWatchQueryOptions(observable);
+    useResubscribeIfNecessary(resultData, // might get mutated during render
+    observable, // might get mutated during render
+    client, options, watchQueryOptions);
+    var obsQueryFields = React.useMemo(function () { return bindObservableMethods(observable); }, [observable]);
+    useRegisterSSRObservable(observable, renderPromises, ssrAllowed);
+    var result = useObservableSubscriptionResult(resultData, observable, client, options, watchQueryOptions, disableNetworkFetches, partialRefetch, isSyncSSR, {
+        onCompleted: options.onCompleted || noop,
+        onError: options.onError || noop,
+    });
+    return {
+        result: result,
+        obsQueryFields: obsQueryFields,
+        observable: observable,
+        resultData: resultData,
+        client: client,
+        onQueryExecuted: onQueryExecuted,
+    };
 }
-function useResult(observable, resultData, ssr) {
-    "use no memo";
-    return useSyncExternalStore(React.useCallback((handleStoreChange) => {
-        const subscription = observable
-            // We use the asapScheduler here to prevent issues with trying to
-            // update in the middle of a render. `reobserve` is kicked off in the
-            // middle of a render and because RxJS emits values synchronously,
-            // its possible for this `handleStoreChange` to be called in that same
-            // render. This allows the render to complete before trying to emit a
-            // new value.
-            .pipe(observeOn(asapScheduler))
-            .subscribe((result) => {
-            const previous = resultData.current;
+function useObservableSubscriptionResult(resultData, observable, client, options, watchQueryOptions, disableNetworkFetches, partialRefetch, isSyncSSR, callbacks) {
+    var callbackRef = React.useRef(callbacks);
+    React.useEffect(function () {
+        // Make sure state.onCompleted and state.onError always reflect the latest
+        // options.onCompleted and options.onError callbacks provided to useQuery,
+        // since those functions are often recreated every time useQuery is called.
+        // Like the forceUpdate method, the versions of these methods inherited from
+        // InternalState.prototype are empty no-ops, but we can override them on the
+        // base state object (without modifying the prototype).
+        callbackRef.current = callbacks;
+    });
+    var resultOverride = ((isSyncSSR || disableNetworkFetches) &&
+        options.ssr === false &&
+        !options.skip) ?
+        // If SSR has been explicitly disabled, and this function has been called
+        // on the server side, return the default loading state.
+        ssrDisabledResult
+        : options.skip || watchQueryOptions.fetchPolicy === "standby" ?
+            // When skipping a query (ie. we're not querying for data but still want to
+            // render children), make sure the `data` is cleared out and `loading` is
+            // set to `false` (since we aren't loading anything).
+            //
+            // NOTE: We no longer think this is the correct behavior. Skipping should
+            // not automatically set `data` to `undefined`, but instead leave the
+            // previous data in place. In other words, skipping should not mandate that
+            // previously received data is all of a sudden removed. Unfortunately,
+            // changing this is breaking, so we'll have to wait until Apollo Client 4.0
+            // to address this.
+            skipStandbyResult
+            : void 0;
+    var previousData = resultData.previousData;
+    var currentResultOverride = React.useMemo(function () {
+        return resultOverride &&
+            toQueryResult(resultOverride, previousData, observable, client);
+    }, [client, observable, resultOverride, previousData]);
+    return useSyncExternalStore(React.useCallback(function (handleStoreChange) {
+        // reference `disableNetworkFetches` here to ensure that the rules of hooks
+        // keep it as a dependency of this effect, even though it's not used
+        disableNetworkFetches;
+        if (isSyncSSR) {
+            return function () { };
+        }
+        var onNext = function () {
+            var previousResult = resultData.current;
+            // We use `getCurrentResult()` instead of the onNext argument because
+            // the values differ slightly. Specifically, loading results will have
+            // an empty object for data instead of `undefined` for some reason.
+            var result = observable.getCurrentResult();
             // Make sure we're not attempting to re-render similar results
-            if (equal(previous, result)) {
+            if (previousResult &&
+                previousResult.loading === result.loading &&
+                previousResult.networkStatus === result.networkStatus &&
+                equal(previousResult.data, result.data)) {
                 return;
             }
-            if (previous.data && !equal(previous.data, result.data)) {
-                // eslint-disable-next-line react-compiler/react-compiler
-                resultData.previousData = previous.data;
+            setResult(result, resultData, observable, client, partialRefetch, handleStoreChange, callbackRef.current);
+        };
+        var onError = function (error) {
+            subscription.current.unsubscribe();
+            subscription.current = observable.resubscribeAfterError(onNext, onError);
+            if (!hasOwnProperty.call(error, "graphQLErrors")) {
+                // The error is not a GraphQL error
+                throw error;
             }
-            resultData.current = result;
-            handleStoreChange();
-        });
+            var previousResult = resultData.current;
+            if (!previousResult ||
+                (previousResult && previousResult.loading) ||
+                !equal(error, previousResult.error)) {
+                setResult({
+                    data: (previousResult &&
+                        previousResult.data),
+                    error: error,
+                    loading: false,
+                    networkStatus: NetworkStatus.error,
+                }, resultData, observable, client, partialRefetch, handleStoreChange, callbackRef.current);
+            }
+        };
+        // TODO evaluate if we keep this in
+        // React Compiler cannot handle scoped `let` access, but a mutable object
+        // like this is fine.
+        // was:
+        // let subscription = observable.subscribe(onNext, onError);
+        var subscription = { current: observable.subscribe(onNext, onError) };
         // Do the "unsubscribe" with a short delay.
         // This way, an existing subscription can be reused without an additional
         // request if "unsubscribe"  and "resubscribe" to the same ObservableQuery
         // happen in very fast succession.
-        return () => {
-            setTimeout(() => subscription.unsubscribe());
+        return function () {
+            setTimeout(function () { return subscription.current.unsubscribe(); });
         };
-    }, [observable, resultData]), () => resultData.current, () => (ssr === false ? useQuery.ssrDisabledResult : resultData.current));
+    }, [
+        disableNetworkFetches,
+        isSyncSSR,
+        observable,
+        resultData,
+        partialRefetch,
+        client,
+    ]), function () {
+        return currentResultOverride ||
+            getCurrentResult(resultData, observable, callbackRef.current, partialRefetch, client);
+    }, function () {
+        return currentResultOverride ||
+            getCurrentResult(resultData, observable, callbackRef.current, partialRefetch, client);
+    });
+}
+function useRegisterSSRObservable(observable, renderPromises, ssrAllowed) {
+    if (renderPromises && ssrAllowed) {
+        renderPromises.registerSSRObservable(observable);
+        if (observable.getCurrentResult().loading) {
+            // TODO: This is a legacy API which could probably be cleaned up
+            renderPromises.addObservableQueryPromise(observable);
+        }
+    }
 }
 // this hook is not compatible with any rules of React, and there's no good way to rewrite it.
 // it should stay a separate hook that will not be optimized by the compiler
@@ -339,8 +296,8 @@ function useResubscribeIfNecessary(
 /** this hook will mutate properties on `resultData` */
 resultData, 
 /** this hook will mutate properties on `observable` */
-observable, watchQueryOptions) {
-    "use no memo";
+observable, client, options, watchQueryOptions) {
+    var _a;
     if (observable[lastWatchOptions] &&
         !equal(observable[lastWatchOptions], watchQueryOptions)) {
         // Though it might be tempting to postpone this reobserve call to the
@@ -351,37 +308,190 @@ observable, watchQueryOptions) {
         // subscriptions, though it does feel less than ideal that reobserve
         // (potentially) kicks off a network request (for example, when the
         // variables have changed), which is technically a side-effect.
-        if (shouldReobserve(observable[lastWatchOptions], watchQueryOptions)) {
-            observable.reobserve(watchQueryOptions);
-        }
-        else {
-            observable.applyOptions(watchQueryOptions);
-        }
+        observable.reobserve(getObsQueryOptions(observable, client, options, watchQueryOptions));
         // Make sure getCurrentResult returns a fresh ApolloQueryResult<TData>,
         // but save the current data as this.previousData, just like setResult
         // usually does.
-        const result = observable.getCurrentResult();
-        if (!equal(result.data, resultData.current.data)) {
-            resultData.previousData = (resultData.current.data ||
-                resultData.previousData);
-        }
-        resultData.current = result;
+        resultData.previousData =
+            ((_a = resultData.current) === null || _a === void 0 ? void 0 : _a.data) || resultData.previousData;
+        resultData.current = void 0;
     }
     observable[lastWatchOptions] = watchQueryOptions;
 }
-function shouldReobserve(previousOptions, options) {
-    return (previousOptions.query !== options.query ||
-        !equal(previousOptions.variables, options.variables) ||
-        (previousOptions.fetchPolicy !== options.fetchPolicy &&
-            (options.fetchPolicy === "standby" ||
-                previousOptions.fetchPolicy === "standby")));
+/*
+ * A function to massage options before passing them to ObservableQuery.
+ * This is two-step curried because we want to reuse the `make` function,
+ * but the `observable` might differ between calls to `make`.
+ */
+export function createMakeWatchQueryOptions(client, query, _a, isSyncSSR) {
+    if (_a === void 0) { _a = {}; }
+    var skip = _a.skip, ssr = _a.ssr, onCompleted = _a.onCompleted, onError = _a.onError, defaultOptions = _a.defaultOptions, 
+    // The above options are useQuery-specific, so this ...otherOptions spread
+    // makes otherOptions almost a WatchQueryOptions object, except for the
+    // query property that we add below.
+    otherOptions = __rest(_a, ["skip", "ssr", "onCompleted", "onError", "defaultOptions"]);
+    return function (observable) {
+        // This Object.assign is safe because otherOptions is a fresh ...rest object
+        // that did not exist until just now, so modifications are still allowed.
+        var watchQueryOptions = Object.assign(otherOptions, { query: query });
+        if (isSyncSSR &&
+            (watchQueryOptions.fetchPolicy === "network-only" ||
+                watchQueryOptions.fetchPolicy === "cache-and-network")) {
+            // this behavior was added to react-apollo without explanation in this PR
+            // https://github.com/apollographql/react-apollo/pull/1579
+            watchQueryOptions.fetchPolicy = "cache-first";
+        }
+        if (!watchQueryOptions.variables) {
+            watchQueryOptions.variables = {};
+        }
+        if (skip) {
+            // When skipping, we set watchQueryOptions.fetchPolicy initially to
+            // "standby", but we also need/want to preserve the initial non-standby
+            // fetchPolicy that would have been used if not skipping.
+            watchQueryOptions.initialFetchPolicy =
+                watchQueryOptions.initialFetchPolicy ||
+                    watchQueryOptions.fetchPolicy ||
+                    getDefaultFetchPolicy(defaultOptions, client.defaultOptions);
+            watchQueryOptions.fetchPolicy = "standby";
+        }
+        else if (!watchQueryOptions.fetchPolicy) {
+            watchQueryOptions.fetchPolicy =
+                (observable === null || observable === void 0 ? void 0 : observable.options.initialFetchPolicy) ||
+                    getDefaultFetchPolicy(defaultOptions, client.defaultOptions);
+        }
+        return watchQueryOptions;
+    };
+}
+export function getObsQueryOptions(observable, client, queryHookOptions, watchQueryOptions) {
+    var toMerge = [];
+    var globalDefaults = client.defaultOptions.watchQuery;
+    if (globalDefaults)
+        toMerge.push(globalDefaults);
+    if (queryHookOptions.defaultOptions) {
+        toMerge.push(queryHookOptions.defaultOptions);
+    }
+    // We use compact rather than mergeOptions for this part of the merge,
+    // because we want watchQueryOptions.variables (if defined) to replace
+    // this.observable.options.variables whole. This replacement allows
+    // removing variables by removing them from the variables input to
+    // useQuery. If the variables were always merged together (rather than
+    // replaced), there would be no way to remove existing variables.
+    // However, the variables from options.defaultOptions and globalDefaults
+    // (if provided) should be merged, to ensure individual defaulted
+    // variables always have values, if not otherwise defined in
+    // observable.options or watchQueryOptions.
+    toMerge.push(compact(observable && observable.options, watchQueryOptions));
+    return toMerge.reduce(mergeOptions);
+}
+function setResult(nextResult, resultData, observable, client, partialRefetch, forceUpdate, callbacks) {
+    var previousResult = resultData.current;
+    if (previousResult && previousResult.data) {
+        resultData.previousData = previousResult.data;
+    }
+    if (!nextResult.error && isNonEmptyArray(nextResult.errors)) {
+        // Until a set naming convention for networkError and graphQLErrors is
+        // decided upon, we map errors (graphQLErrors) to the error options.
+        // TODO: Is it possible for both result.error and result.errors to be
+        // defined here?
+        nextResult.error = new ApolloError({ graphQLErrors: nextResult.errors });
+    }
+    resultData.current = toQueryResult(unsafeHandlePartialRefetch(nextResult, observable, partialRefetch), resultData.previousData, observable, client);
+    // Calling state.setResult always triggers an update, though some call sites
+    // perform additional equality checks before committing to an update.
+    forceUpdate();
+    handleErrorOrCompleted(nextResult, previousResult === null || previousResult === void 0 ? void 0 : previousResult.networkStatus, callbacks);
 }
-useQuery.ssrDisabledResult = maybeDeepFreeze({
+function handleErrorOrCompleted(result, previousNetworkStatus, callbacks) {
+    if (!result.loading) {
+        var error_1 = toApolloError(result);
+        // wait a tick in case we are in the middle of rendering a component
+        Promise.resolve()
+            .then(function () {
+            if (error_1) {
+                callbacks.onError(error_1);
+            }
+            else if (result.data &&
+                previousNetworkStatus !== result.networkStatus &&
+                result.networkStatus === NetworkStatus.ready) {
+                callbacks.onCompleted(result.data);
+            }
+        })
+            .catch(function (error) {
+            globalThis.__DEV__ !== false && invariant.warn(error);
+        });
+    }
+}
+function getCurrentResult(resultData, observable, callbacks, partialRefetch, client) {
+    // Using this.result as a cache ensures getCurrentResult continues returning
+    // the same (===) result object, unless state.setResult has been called, or
+    // we're doing server rendering and therefore override the result below.
+    if (!resultData.current) {
+        // WARNING: SIDE-EFFECTS IN THE RENDER FUNCTION
+        // this could call unsafeHandlePartialRefetch
+        setResult(observable.getCurrentResult(), resultData, observable, client, partialRefetch, function () { }, callbacks);
+    }
+    return resultData.current;
+}
+export function getDefaultFetchPolicy(queryHookDefaultOptions, clientDefaultOptions) {
+    var _a;
+    return ((queryHookDefaultOptions === null || queryHookDefaultOptions === void 0 ? void 0 : queryHookDefaultOptions.fetchPolicy) ||
+        ((_a = clientDefaultOptions === null || clientDefaultOptions === void 0 ? void 0 : clientDefaultOptions.watchQuery) === null || _a === void 0 ? void 0 : _a.fetchPolicy) ||
+        "cache-first");
+}
+export function toApolloError(result) {
+    return isNonEmptyArray(result.errors) ?
+        new ApolloError({ graphQLErrors: result.errors })
+        : result.error;
+}
+export function toQueryResult(result, previousData, observable, client) {
+    var data = result.data, partial = result.partial, resultWithoutPartial = __rest(result, ["data", "partial"]);
+    var queryResult = __assign(__assign({ data: data }, resultWithoutPartial), { client: client, observable: observable, variables: observable.variables, called: result !== ssrDisabledResult && result !== skipStandbyResult, previousData: previousData });
+    return queryResult;
+}
+function unsafeHandlePartialRefetch(result, observable, partialRefetch) {
+    // TODO: This code should be removed when the partialRefetch option is
+    // removed. I was unable to get this hook to behave reasonably in certain
+    // edge cases when this block was put in an effect.
+    if (result.partial &&
+        partialRefetch &&
+        !result.loading &&
+        (!result.data || Object.keys(result.data).length === 0) &&
+        observable.options.fetchPolicy !== "cache-only") {
+        observable.refetch();
+        return __assign(__assign({}, result), { loading: true, networkStatus: NetworkStatus.refetch });
+    }
+    return result;
+}
+var ssrDisabledResult = maybeDeepFreeze({
     loading: true,
     data: void 0,
-    dataState: "empty",
     error: void 0,
     networkStatus: NetworkStatus.loading,
-    partial: true,
 });
-//# sourceMappingURL=useQuery.js.map
+var skipStandbyResult = maybeDeepFreeze({
+    loading: false,
+    data: void 0,
+    error: void 0,
+    networkStatus: NetworkStatus.ready,
+});
+function bindObservableMethods(observable) {
+    return {
+        refetch: observable.refetch.bind(observable),
+        reobserve: function () {
+            var args = [];
+            for (var _i = 0; _i < arguments.length; _i++) {
+                args[_i] = arguments[_i];
+            }
+            if (globalThis.__DEV__ !== false) {
+                globalThis.__DEV__ !== false && invariant.warn(73);
+            }
+            return observable.reobserve.apply(observable, args);
+        },
+        fetchMore: observable.fetchMore.bind(observable),
+        updateQuery: observable.updateQuery.bind(observable),
+        startPolling: observable.startPolling.bind(observable),
+        stopPolling: observable.stopPolling.bind(observable),
+        subscribeToMore: observable.subscribeToMore.bind(observable),
+    };
+}
+//# sourceMappingURL=useQuery.js.map