@apollo/client 3.11.5 → 3.11.6

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @apollo/client
 
+## 3.11.6
+
+### Patch Changes
+
+- [#12049](https://github.com/apollographql/apollo-client/pull/12049) [`9c26892`](https://github.com/apollographql/apollo-client/commit/9c268927b1f8e5921b9440a53c9979a37f594e75) Thanks [@phryneas](https://github.com/phryneas) and [@maciesielka](https://github.com/maciesielka)! - Fix a bug where `useFragment` did not re-render as expected
+
+- [#12044](https://github.com/apollographql/apollo-client/pull/12044) [`04462a2`](https://github.com/apollographql/apollo-client/commit/04462a274ad39b392142385a2f052abbf3014749) Thanks [@DoctorJohn](https://github.com/DoctorJohn)! - Cache the `useSubscription` hook's `restart` function definition between re-renders.
+
 ## 3.11.5
 
 ### 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.11.5";
+var version = "3.11.6";
 
 function maybe(thunk) {
     try {
@@ -8136,10 +8136,11 @@ function useSubscription(subscription, options) {
             observable.__.result
             : fallbackResult;
     }, function () { return fallbackResult; });
-    return React__namespace.useMemo(function () { return (tslib.__assign(tslib.__assign({}, ret), { restart: function () {
-            invariant(!optionsRef.current.skip, 57);
-            setObservable(recreateRef.current());
-        } })); }, [ret]);
+    var restart = React__namespace.useCallback(function () {
+        invariant(!optionsRef.current.skip, 57);
+        setObservable(recreateRef.current());
+    }, [optionsRef, recreateRef]);
+    return React__namespace.useMemo(function () { return (tslib.__assign(tslib.__assign({}, ret), { restart: restart })); }, [ret, restart]);
 }
 function createSubscription(client, query, variables, fetchPolicy, errorPolicy, context, extensions) {
     var options = {
@@ -8186,30 +8187,30 @@ function _useFragment(options) {
     var cache = useApolloClient(options.client).cache;
     var from = options.from, rest = tslib.__rest(options, ["from"]);
     var id = React__namespace.useMemo(function () { return (typeof from === "string" ? from : cache.identify(from)); }, [cache, from]);
-    var resultRef = React__namespace.useRef();
     var stableOptions = useDeepMemo(function () { return (tslib.__assign(tslib.__assign({}, rest), { from: id })); }, [rest, id]);
-    var currentDiff = React__namespace.useMemo(function () {
+    var diff = React__namespace.useMemo(function () {
         var fragment = stableOptions.fragment, fragmentName = stableOptions.fragmentName, from = stableOptions.from, _a = stableOptions.optimistic, optimistic = _a === void 0 ? true : _a;
-        return diffToResult(cache.diff(tslib.__assign(tslib.__assign({}, stableOptions), { returnPartialData: true, id: from, query: cache["getFragmentDoc"](fragment, fragmentName), optimistic: optimistic })));
+        return {
+            result: diffToResult(cache.diff(tslib.__assign(tslib.__assign({}, stableOptions), { returnPartialData: true, id: from, query: cache["getFragmentDoc"](fragment, fragmentName), optimistic: optimistic }))),
+        };
     }, [stableOptions, cache]);
-    var getSnapshot = React__namespace.useCallback(function () { return resultRef.current || currentDiff; }, [currentDiff]);
+    var getSnapshot = React__namespace.useCallback(function () { return diff.result; }, [diff]);
     return useSyncExternalStore(React__namespace.useCallback(function (forceUpdate) {
         var lastTimeout = 0;
         var subscription = cache.watchFragment(stableOptions).subscribe({
             next: function (result) {
-                if (equal__default(result, currentDiff))
+                if (equal__default(result, diff.result))
                     return;
-                resultRef.current = result;
+                diff.result = result;
                 clearTimeout(lastTimeout);
                 lastTimeout = setTimeout(forceUpdate);
             },
         });
         return function () {
-            resultRef.current = void 0;
             subscription.unsubscribe();
             clearTimeout(lastTimeout);
         };
-    }, [cache, stableOptions, currentDiff]), getSnapshot, getSnapshot);
+    }, [cache, stableOptions, diff]), getSnapshot, getSnapshot);
 }
 function diffToResult(diff) {
     var result = {