@apollo/client 3.5.1 → 3.5.2

package/apollo-client.cjs

@@ -1291,7 +1291,7 @@ var concat = ApolloLink.concat;
 
 var execute = ApolloLink.execute;
 
-var version = '3.5.1';
+var version = '3.5.2';
 
 var hasOwnProperty$2 = Object.prototype.hasOwnProperty;
 function parseAndCheckHttpResponse(operations) {
@@ -6323,63 +6323,79 @@ function useMutation(mutation, options) {
         result: result,
         mutationId: 0,
         isMounted: true,
+        execute: null,
+        client: client,
+        mutation: mutation,
+        options: options,
     });
-    var execute = React.useCallback(function (executeOptions) {
-        if (executeOptions === void 0) { executeOptions = {}; }
-        var baseOptions = tslib.__assign(tslib.__assign({}, options), { mutation: mutation });
-        if (!ref.current.result.loading && !baseOptions.ignoreResults) {
-            setResult(ref.current.result = {
-                loading: true,
-                error: void 0,
-                data: void 0,
-                called: true,
-                client: client,
-            });
-        }
-        var mutationId = ++ref.current.mutationId;
-        var clientOptions = mergeOptions(baseOptions, executeOptions);
-        return client.mutate(clientOptions).then(function (response) {
-            var _a;
-            var data = response.data, errors = response.errors;
-            var error = errors && errors.length > 0
-                ? new ApolloError({ graphQLErrors: errors })
-                : void 0;
-            if (mutationId === ref.current.mutationId &&
-                !baseOptions.ignoreResults) {
-                var result_1 = {
-                    called: true,
-                    loading: false,
-                    data: data,
-                    error: error,
-                    client: client,
-                };
-                if (ref.current.isMounted && !equality.equal(ref.current.result, result_1)) {
-                    setResult(ref.current.result = result_1);
-                }
-            }
-            (_a = baseOptions.onCompleted) === null || _a === void 0 ? void 0 : _a.call(baseOptions, response.data);
-            return response;
-        }).catch(function (error) {
-            if (mutationId === ref.current.mutationId &&
-                ref.current.isMounted) {
-                var result_2 = {
-                    loading: false,
-                    error: error,
+    var execute = React.useMemo(function () {
+        if (ref.current.execute != null &&
+            ref.current.client === client &&
+            equality.equal(options, ref.current.options) &&
+            equality.equal(mutation, ref.current.mutation)) {
+            return ref.current.execute;
+        }
+        ref.current.client = client;
+        ref.current.options = options;
+        ref.current.mutation = mutation;
+        ref.current.execute = function (executeOptions) {
+            if (executeOptions === void 0) { executeOptions = {}; }
+            var baseOptions = tslib.__assign(tslib.__assign({}, options), { mutation: mutation });
+            if (!ref.current.result.loading && !baseOptions.ignoreResults) {
+                setResult(ref.current.result = {
+                    loading: true,
+                    error: void 0,
                     data: void 0,
                     called: true,
                     client: client,
-                };
-                if (!equality.equal(ref.current.result, result_2)) {
-                    setResult(ref.current.result = result_2);
-                }
-            }
-            if (baseOptions.onError) {
-                baseOptions.onError(error);
-                return { data: void 0, errors: error };
+                });
             }
-            throw error;
-        });
-    }, [client, options, mutation]);
+            var mutationId = ++ref.current.mutationId;
+            var clientOptions = mergeOptions(baseOptions, executeOptions);
+            return client.mutate(clientOptions).then(function (response) {
+                var _a;
+                var data = response.data, errors = response.errors;
+                var error = errors && errors.length > 0
+                    ? new ApolloError({ graphQLErrors: errors })
+                    : void 0;
+                if (mutationId === ref.current.mutationId &&
+                    !baseOptions.ignoreResults) {
+                    var result_1 = {
+                        called: true,
+                        loading: false,
+                        data: data,
+                        error: error,
+                        client: client,
+                    };
+                    if (ref.current.isMounted && !equality.equal(ref.current.result, result_1)) {
+                        setResult(ref.current.result = result_1);
+                    }
+                }
+                (_a = baseOptions.onCompleted) === null || _a === void 0 ? void 0 : _a.call(baseOptions, response.data);
+                return response;
+            }).catch(function (error) {
+                if (mutationId === ref.current.mutationId &&
+                    ref.current.isMounted) {
+                    var result_2 = {
+                        loading: false,
+                        error: error,
+                        data: void 0,
+                        called: true,
+                        client: client,
+                    };
+                    if (!equality.equal(ref.current.result, result_2)) {
+                        setResult(ref.current.result = result_2);
+                    }
+                }
+                if (baseOptions.onError) {
+                    baseOptions.onError(error);
+                    return { data: void 0, errors: error };
+                }
+                throw error;
+            });
+        };
+        return ref.current.execute;
+    }, [client, mutation, options]);
     var reset = React.useCallback(function () {
         setResult({ called: false, loading: false, client: client });
     }, []);