@apollo/client 3.11.5 → 3.11.7

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @apollo/client
 
+## 3.11.7
+
+### Patch Changes
+
+- [#12052](https://github.com/apollographql/apollo-client/pull/12052) [`e471cef`](https://github.com/apollographql/apollo-client/commit/e471cef875eadef04f8ee18ef431ee70e7b9bcab) Thanks [@jerelmiller](https://github.com/jerelmiller)! - Fixes a regression from where passing an invalid identifier to `from` in `useFragment` would result in the warning `TypeError: Cannot read properties of undefined (reading '__typename')`.
+
+## 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.7";
 
 function maybe(thunk) {
     try {
@@ -2504,7 +2504,10 @@ var ApolloCache =  (function () {
         var _this = this;
         var fragment = options.fragment, fragmentName = options.fragmentName, from = options.from, _a = options.optimistic, optimistic = _a === void 0 ? true : _a, otherOptions = tslib.__rest(options, ["fragment", "fragmentName", "from", "optimistic"]);
         var query = this.getFragmentDoc(fragment, fragmentName);
-        var diffOptions = tslib.__assign(tslib.__assign({}, otherOptions), { returnPartialData: true, id: typeof from === "string" ? from : this.identify(from), query: query, optimistic: optimistic });
+        var diffOptions = tslib.__assign(tslib.__assign({}, otherOptions), { returnPartialData: true, id:
+            typeof from === "undefined" || typeof from === "string" ?
+                from
+                : this.identify(from), query: query, optimistic: optimistic });
         var latestDiff;
         return new zenObservableTs.Observable(function (observer) {
             return _this.watch(tslib.__assign(tslib.__assign({}, diffOptions), { immediate: true, callback: function (diff) {
@@ -8136,10 +8139,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 +8190,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 = {