@apollo/client 3.10.1 → 3.10.2

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @apollo/client
 
+## 3.10.2
+
+### Patch Changes
+
+- [#11821](https://github.com/apollographql/apollo-client/pull/11821) [`2675d3c`](https://github.com/apollographql/apollo-client/commit/2675d3c97e6c47c6e298382004c7c9c2d3ffed0c) Thanks [@jerelmiller](https://github.com/jerelmiller)! - Fix a regression where rerendering a component with `useBackgroundQuery` would recreate the `queryRef` instance when used with React's strict mode.
+
+- [#11821](https://github.com/apollographql/apollo-client/pull/11821) [`2675d3c`](https://github.com/apollographql/apollo-client/commit/2675d3c97e6c47c6e298382004c7c9c2d3ffed0c) Thanks [@jerelmiller](https://github.com/jerelmiller)! - Revert the change introduced in
+  [3.9.10](https://github.com/apollographql/apollo-client/releases/tag/v3.9.10) via #11738 that disposed of queryRefs synchronously. This change caused too many issues with strict mode.
+
 ## 3.10.1
 
 ### Patch Changes

package/apollo-client.cjs

@@ -31,7 +31,7 @@ function _interopNamespace(e) {
 var equal__default = /*#__PURE__*/_interopDefaultLegacy(equal);
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-var version = "3.10.1";
+var version = "3.10.2";
 
 function maybe(thunk) {
     try {
@@ -8225,9 +8225,11 @@ var InternalQueryReference =  (function () {
             }
             disposed = true;
             _this.references--;
-            if (!_this.references) {
-                _this.dispose();
-            }
+            setTimeout(function () {
+                if (!_this.references) {
+                    _this.dispose();
+                }
+            });
         };
     };
     InternalQueryReference.prototype.softRetain = function () {
@@ -8453,12 +8455,6 @@ 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 {
@@ -8567,9 +8563,12 @@ function _useBackgroundQuery(query, options) {
         updateWrappedQueryRef(wrappedQueryRef, promise);
     }
     React__namespace.useEffect(function () {
-        if (queryRef.disposed) {
-            suspenseCache.add(cacheKey, queryRef);
-        }
+        var id = setTimeout(function () {
+            if (queryRef.disposed) {
+                suspenseCache.add(cacheKey, queryRef);
+            }
+        });
+        return function () { return clearTimeout(id); };
     });
     var fetchMore = React__namespace.useCallback(function (options) {
         var promise = queryRef.fetchMore(options);
@@ -8682,12 +8681,7 @@ function _useReadQuery(queryRef) {
         internalQueryRef.reinitialize();
         updateWrappedQueryRef(queryRef, internalQueryRef.promise);
     }
-    React__namespace.useEffect(function () {
-        if (internalQueryRef.disposed) {
-            internalQueryRef.reinitialize();
-        }
-        return internalQueryRef.retain();
-    }, [internalQueryRef]);
+    React__namespace.useEffect(function () { return internalQueryRef.retain(); }, [internalQueryRef]);
     var promise = useSyncExternalStore(React__namespace.useCallback(function (forceUpdate) {
         return internalQueryRef.listen(function (promise) {
             updateWrappedQueryRef(queryRef, promise);