@apollo/client 3.10.0-alpha.1 → 3.10.0-rc.1

package/react/hooks/hooks.cjs

@@ -836,6 +836,12 @@ function _useSuspenseQuery(query, options) {
             dispose();
         };
     }, [queryRef]);
+    React__namespace.useEffect(function () {
+        if (queryRef.disposed) {
+            suspenseCache.add(cacheKey, queryRef);
+            queryRef.reinitialize();
+        }
+    });
     var skipResult = React__namespace.useMemo(function () {
         var error = toApolloError(queryRef.result);
         return {
@@ -943,6 +949,11 @@ function _useBackgroundQuery(query, options) {
         var promise = queryRef.applyOptions(watchQueryOptions);
         internal.updateWrappedQueryRef(wrappedQueryRef, promise);
     }
+    React__namespace.useEffect(function () {
+        if (queryRef.disposed) {
+            suspenseCache.add(cacheKey, queryRef);
+        }
+    });
     var fetchMore = React__namespace.useCallback(function (options) {
         var promise = queryRef.fetchMore(options);
         setWrappedQueryRef(internal.wrapQueryRef(queryRef));
@@ -953,6 +964,7 @@ function _useBackgroundQuery(query, options) {
         setWrappedQueryRef(internal.wrapQueryRef(queryRef));
         return promise;
     }, [queryRef]);
+    React__namespace.useEffect(function () { return queryRef.softRetain(); }, [queryRef]);
     return [
         didFetchResult.current ? wrappedQueryRef : void 0,
         { fetchMore: fetchMore, refetch: refetch },
@@ -1011,6 +1023,12 @@ function useLoadableQuery(query, options) {
 }
 
 function useQueryRefHandlers(queryRef) {
+    var unwrapped = internal.unwrapQueryRef(queryRef);
+    return wrapHook("useQueryRefHandlers", _useQueryRefHandlers, unwrapped ?
+        unwrapped["observable"]
+        : useApolloClient())(queryRef);
+}
+function _useQueryRefHandlers(queryRef) {
     var _a = React__namespace.useState(queryRef), previousQueryRef = _a[0], setPreviousQueryRef = _a[1];
     var _b = React__namespace.useState(queryRef), wrappedQueryRef = _b[0], setWrappedQueryRef = _b[1];
     var internalQueryRef = internal.unwrapQueryRef(queryRef);
@@ -1035,7 +1053,10 @@ function useQueryRefHandlers(queryRef) {
 }
 
 function useReadQuery(queryRef) {
-    return wrapHook("useReadQuery", _useReadQuery, internal.unwrapQueryRef(queryRef)["observable"])(queryRef);
+    var unwrapped = internal.unwrapQueryRef(queryRef);
+    return wrapHook("useReadQuery", _useReadQuery, unwrapped ?
+        unwrapped["observable"]
+        : useApolloClient())(queryRef);
 }
 function _useReadQuery(queryRef) {
     var internalQueryRef = React__namespace.useMemo(function () { return internal.unwrapQueryRef(queryRef); }, [queryRef]);
@@ -1044,7 +1065,12 @@ function _useReadQuery(queryRef) {
         internalQueryRef.reinitialize();
         internal.updateWrappedQueryRef(queryRef, internalQueryRef.promise);
     }
-    React__namespace.useEffect(function () { return internalQueryRef.retain(); }, [internalQueryRef]);
+    React__namespace.useEffect(function () {
+        if (internalQueryRef.disposed) {
+            internalQueryRef.reinitialize();
+        }
+        return internalQueryRef.retain();
+    }, [internalQueryRef]);
     var promise = useSyncExternalStore(React__namespace.useCallback(function (forceUpdate) {
         return internalQueryRef.listen(function (promise) {
             internal.updateWrappedQueryRef(queryRef, promise);