@apollo/client 4.2.0-alpha.2 → 4.2.0-alpha.3

package/__cjs/react/hooks/useLoadableQuery.d.cts

@@ -114,108 +114,551 @@ export declare namespace useLoadableQuery {
     }
     type ResultForOptions<TData, TVariables extends OperationVariables, TOptions extends Record<string, never> | Options> = Result<TData, TVariables, "complete" | "streaming" | (OptionWithFallback<TOptions, DefaultOptions, "errorPolicy"> extends ("none") ? never : "empty") | (OptionWithFallback<TOptions, DefaultOptions, "returnPartialData"> extends false ? never : "partial")>;
     namespace DocumentationTypes {
-        /**
-         * A hook for imperatively loading a query, such as responding to a user
-         * interaction.
-         *
-         * > Refer to the [Suspense - Fetching in response to user interaction](https://www.apollographql.com/docs/react/data/suspense#fetching-in-response-to-user-interaction) section for a more in-depth overview of `useLoadableQuery`.
-         *
-         * @example
-         *
-         * ```jsx
-         * import { gql, useLoadableQuery } from "@apollo/client";
-         *
-         * const GET_GREETING = gql`
-         *   query GetGreeting($language: String!) {
-         *     greeting(language: $language) {
-         *       message
-         *     }
-         *   }
-         * `;
-         *
-         * function App() {
-         *   const [loadGreeting, queryRef] = useLoadableQuery(GET_GREETING);
-         *
-         *   return (
-         *     <>
-         *       <button onClick={() => loadGreeting({ language: "english" })}>
-         *         Load greeting
-         *       </button>
-         *       <Suspense fallback={<div>Loading...</div>}>
-         *         {queryRef && <Hello queryRef={queryRef} />}
-         *       </Suspense>
-         *     </>
-         *   );
-         * }
-         *
-         * function Hello({ queryRef }) {
-         *   const { data } = useReadQuery(queryRef);
-         *
-         *   return <div>{data.greeting.message}</div>;
-         * }
-         * ```
-         *
-         * @param query - A GraphQL query document parsed into an AST by `gql`.
-         * @param options - Options to control how the query is executed.
-         * @returns A tuple in the form of `[loadQuery, queryRef, handlers]`
-         */
         interface useLoadableQuery {
+            /**
+             * A hook for imperatively loading a query, such as responding to a user
+             * interaction.
+             *
+             * > Refer to the [Suspense - Fetching in response to user interaction](https://www.apollographql.com/docs/react/data/suspense#fetching-in-response-to-user-interaction) section for a more in-depth overview of `useLoadableQuery`.
+             *
+             * @example
+             *
+             * ```jsx
+             * import { gql, useLoadableQuery } from "@apollo/client";
+             *
+             * const GET_GREETING = gql`
+             *   query GetGreeting($language: String!) {
+             *     greeting(language: $language) {
+             *       message
+             *     }
+             *   }
+             * `;
+             *
+             * function App() {
+             *   const [loadGreeting, queryRef] = useLoadableQuery(GET_GREETING);
+             *
+             *   return (
+             *     <>
+             *       <button onClick={() => loadGreeting({ language: "english" })}>
+             *         Load greeting
+             *       </button>
+             *       <Suspense fallback={<div>Loading...</div>}>
+             *         {queryRef && <Hello queryRef={queryRef} />}
+             *       </Suspense>
+             *     </>
+             *   );
+             * }
+             *
+             * function Hello({ queryRef }) {
+             *   const { data } = useReadQuery(queryRef);
+             *
+             *   return <div>{data.greeting.message}</div>;
+             * }
+             * ```
+             *
+             * @param query - A GraphQL query document parsed into an AST by `gql`.
+             * @param options - Options to control how the query is executed.
+             * @returns A tuple in the form of `[loadQuery, queryRef, handlers]`
+             */
             <TData = unknown, TVariables extends OperationVariables = OperationVariables>(query: DocumentNode | TypedDocumentNode<TData, TVariables>, options: useLoadableQuery.Options): useLoadableQuery.Result<TData, TVariables>;
         }
-        /**
-        * @deprecated Avoid manually specifying generics on `useLoadableQuery`.
-        * Instead, rely on TypeScript's type inference along with a correctly typed `TypedDocumentNode` to get accurate types for your query results.
-        */
         interface useLoadableQuery_Deprecated {
+            /**
+            * @deprecated Avoid manually specifying generics on `useLoadableQuery`.
+            * Instead, rely on TypeScript's type inference along with a correctly typed `TypedDocumentNode` to get accurate types for your query results.
+            *
+            *
+            * A hook for imperatively loading a query, such as responding to a user
+            * interaction.
+            * 
+            * > Refer to the [Suspense - Fetching in response to user interaction](https://www.apollographql.com/docs/react/data/suspense#fetching-in-response-to-user-interaction) section for a more in-depth overview of `useLoadableQuery`.
+            * 
+            * @example
+            * 
+            * ```jsx
+            * import { gql, useLoadableQuery } from "@apollo/client";
+            * 
+            * const GET_GREETING = gql`
+            *   query GetGreeting($language: String!) {
+            *     greeting(language: $language) {
+            *       message
+            *     }
+            *   }
+            * `;
+            * 
+            * function App() {
+            *   const [loadGreeting, queryRef] = useLoadableQuery(GET_GREETING);
+            * 
+            *   return (
+            *     <>
+            *       <button onClick={() => loadGreeting({ language: "english" })}>
+            *         Load greeting
+            *       </button>
+            *       <Suspense fallback={<div>Loading...</div>}>
+            *         {queryRef && <Hello queryRef={queryRef} />}
+            *       </Suspense>
+            *     </>
+            *   );
+            * }
+            * 
+            * function Hello({ queryRef }) {
+            *   const { data } = useReadQuery(queryRef);
+            * 
+            *   return <div>{data.greeting.message}</div>;
+            * }
+            * ```
+            * 
+            * @param query - A GraphQL query document parsed into an AST by `gql`.
+            * @param options - Options to control how the query is executed.
+            * @returns A tuple in the form of `[loadQuery, queryRef, handlers]`
+            */
             <TData = unknown, TVariables extends OperationVariables = OperationVariables>(query: DocumentNode | TypedDocumentNode<TData, TVariables>, options: useLoadableQuery.Options): useLoadableQuery.Result<TData, TVariables>;
         }
     }
     namespace Signatures {
         /**
+        * @deprecated Avoid manually specifying generics on `useLoadableQuery`.
+        * Instead, rely on TypeScript's type inference along with a correctly typed `TypedDocumentNode` to get accurate types for your query results.
+        * 
+        * 
+        * A hook for imperatively loading a query, such as responding to a user
+        * interaction.
+        * 
+        * > Refer to the [Suspense - Fetching in response to user interaction](https://www.apollographql.com/docs/react/data/suspense#fetching-in-response-to-user-interaction) section for a more in-depth overview of `useLoadableQuery`.
+        * 
+        * @example
+        * 
+        * ```jsx
+        * import { gql, useLoadableQuery } from "@apollo/client";
+        * 
+        * const GET_GREETING = gql`
+        *   query GetGreeting($language: String!) {
+        *     greeting(language: $language) {
+        *       message
+        *     }
+        *   }
+        * `;
         * 
+        * function App() {
+        *   const [loadGreeting, queryRef] = useLoadableQuery(GET_GREETING);
+        * 
+        *   return (
+        *     <>
+        *       <button onClick={() => loadGreeting({ language: "english" })}>
+        *         Load greeting
+        *       </button>
+        *       <Suspense fallback={<div>Loading...</div>}>
+        *         {queryRef && <Hello queryRef={queryRef} />}
+        *       </Suspense>
+        *     </>
+        *   );
+        * }
+        * 
+        * function Hello({ queryRef }) {
+        *   const { data } = useReadQuery(queryRef);
+        * 
+        *   return <div>{data.greeting.message}</div>;
+        * }
+        * ```
+        * 
+        * @param query - A GraphQL query document parsed into an AST by `gql`.
+        * @param options - Options to control how the query is executed.
+        * @returns A tuple in the form of `[loadQuery, queryRef, handlers]`
         */
         interface Classic {
             /**
+            * @deprecated Avoid manually specifying generics on `useLoadableQuery`.
+            * Instead, rely on TypeScript's type inference along with a correctly typed `TypedDocumentNode` to get accurate types for your query results.
+            * 
+            * 
+            * A hook for imperatively loading a query, such as responding to a user
+            * interaction.
+            * 
+            * > Refer to the [Suspense - Fetching in response to user interaction](https://www.apollographql.com/docs/react/data/suspense#fetching-in-response-to-user-interaction) section for a more in-depth overview of `useLoadableQuery`.
+            * 
+            * @example
+            * 
+            * ```jsx
+            * import { gql, useLoadableQuery } from "@apollo/client";
+            * 
+            * const GET_GREETING = gql`
+            *   query GetGreeting($language: String!) {
+            *     greeting(language: $language) {
+            *       message
+            *     }
+            *   }
+            * `;
+            * 
+            * function App() {
+            *   const [loadGreeting, queryRef] = useLoadableQuery(GET_GREETING);
+            * 
+            *   return (
+            *     <>
+            *       <button onClick={() => loadGreeting({ language: "english" })}>
+            *         Load greeting
+            *       </button>
+            *       <Suspense fallback={<div>Loading...</div>}>
+            *         {queryRef && <Hello queryRef={queryRef} />}
+            *       </Suspense>
+            *     </>
+            *   );
+            * }
+            * 
+            * function Hello({ queryRef }) {
+            *   const { data } = useReadQuery(queryRef);
             * 
+            *   return <div>{data.greeting.message}</div>;
+            * }
+            * ```
+            * 
+            * @param query - A GraphQL query document parsed into an AST by `gql`.
+            * @param options - Options to control how the query is executed.
+            * @returns A tuple in the form of `[loadQuery, queryRef, handlers]`
             */
             <TData = unknown, TVariables extends OperationVariables = OperationVariables>(query: DocumentNode | TypedDocumentNode<TData, TVariables>, options: useLoadableQuery.Options & {
                 returnPartialData: true;
                 errorPolicy: "ignore" | "all";
             }): useLoadableQuery.Result<TData, TVariables, "complete" | "streaming" | "partial" | "empty">;
             /**
+            * @deprecated Avoid manually specifying generics on `useLoadableQuery`.
+            * Instead, rely on TypeScript's type inference along with a correctly typed `TypedDocumentNode` to get accurate types for your query results.
+            * 
+            * 
+            * A hook for imperatively loading a query, such as responding to a user
+            * interaction.
+            * 
+            * > Refer to the [Suspense - Fetching in response to user interaction](https://www.apollographql.com/docs/react/data/suspense#fetching-in-response-to-user-interaction) section for a more in-depth overview of `useLoadableQuery`.
+            * 
+            * @example
+            * 
+            * ```jsx
+            * import { gql, useLoadableQuery } from "@apollo/client";
             * 
+            * const GET_GREETING = gql`
+            *   query GetGreeting($language: String!) {
+            *     greeting(language: $language) {
+            *       message
+            *     }
+            *   }
+            * `;
+            * 
+            * function App() {
+            *   const [loadGreeting, queryRef] = useLoadableQuery(GET_GREETING);
+            * 
+            *   return (
+            *     <>
+            *       <button onClick={() => loadGreeting({ language: "english" })}>
+            *         Load greeting
+            *       </button>
+            *       <Suspense fallback={<div>Loading...</div>}>
+            *         {queryRef && <Hello queryRef={queryRef} />}
+            *       </Suspense>
+            *     </>
+            *   );
+            * }
+            * 
+            * function Hello({ queryRef }) {
+            *   const { data } = useReadQuery(queryRef);
+            * 
+            *   return <div>{data.greeting.message}</div>;
+            * }
+            * ```
+            * 
+            * @param query - A GraphQL query document parsed into an AST by `gql`.
+            * @param options - Options to control how the query is executed.
+            * @returns A tuple in the form of `[loadQuery, queryRef, handlers]`
             */
             <TData = unknown, TVariables extends OperationVariables = OperationVariables>(query: DocumentNode | TypedDocumentNode<TData, TVariables>, options: useLoadableQuery.Options & {
                 errorPolicy: "ignore" | "all";
             }): useLoadableQuery.Result<TData, TVariables, "complete" | "streaming" | "empty">;
             /**
+            * @deprecated Avoid manually specifying generics on `useLoadableQuery`.
+            * Instead, rely on TypeScript's type inference along with a correctly typed `TypedDocumentNode` to get accurate types for your query results.
+            * 
             * 
+            * A hook for imperatively loading a query, such as responding to a user
+            * interaction.
+            * 
+            * > Refer to the [Suspense - Fetching in response to user interaction](https://www.apollographql.com/docs/react/data/suspense#fetching-in-response-to-user-interaction) section for a more in-depth overview of `useLoadableQuery`.
+            * 
+            * @example
+            * 
+            * ```jsx
+            * import { gql, useLoadableQuery } from "@apollo/client";
+            * 
+            * const GET_GREETING = gql`
+            *   query GetGreeting($language: String!) {
+            *     greeting(language: $language) {
+            *       message
+            *     }
+            *   }
+            * `;
+            * 
+            * function App() {
+            *   const [loadGreeting, queryRef] = useLoadableQuery(GET_GREETING);
+            * 
+            *   return (
+            *     <>
+            *       <button onClick={() => loadGreeting({ language: "english" })}>
+            *         Load greeting
+            *       </button>
+            *       <Suspense fallback={<div>Loading...</div>}>
+            *         {queryRef && <Hello queryRef={queryRef} />}
+            *       </Suspense>
+            *     </>
+            *   );
+            * }
+            * 
+            * function Hello({ queryRef }) {
+            *   const { data } = useReadQuery(queryRef);
+            * 
+            *   return <div>{data.greeting.message}</div>;
+            * }
+            * ```
+            * 
+            * @param query - A GraphQL query document parsed into an AST by `gql`.
+            * @param options - Options to control how the query is executed.
+            * @returns A tuple in the form of `[loadQuery, queryRef, handlers]`
             */
             <TData = unknown, TVariables extends OperationVariables = OperationVariables>(query: DocumentNode | TypedDocumentNode<TData, TVariables>, options: useLoadableQuery.Options & {
                 returnPartialData: true;
             }): useLoadableQuery.Result<TData, TVariables, "complete" | "streaming" | "partial">;
             /**
+            * @deprecated Avoid manually specifying generics on `useLoadableQuery`.
+            * Instead, rely on TypeScript's type inference along with a correctly typed `TypedDocumentNode` to get accurate types for your query results.
+            * 
+            * 
+            * A hook for imperatively loading a query, such as responding to a user
+            * interaction.
+            * 
+            * > Refer to the [Suspense - Fetching in response to user interaction](https://www.apollographql.com/docs/react/data/suspense#fetching-in-response-to-user-interaction) section for a more in-depth overview of `useLoadableQuery`.
+            * 
+            * @example
             * 
+            * ```jsx
+            * import { gql, useLoadableQuery } from "@apollo/client";
+            * 
+            * const GET_GREETING = gql`
+            *   query GetGreeting($language: String!) {
+            *     greeting(language: $language) {
+            *       message
+            *     }
+            *   }
+            * `;
+            * 
+            * function App() {
+            *   const [loadGreeting, queryRef] = useLoadableQuery(GET_GREETING);
+            * 
+            *   return (
+            *     <>
+            *       <button onClick={() => loadGreeting({ language: "english" })}>
+            *         Load greeting
+            *       </button>
+            *       <Suspense fallback={<div>Loading...</div>}>
+            *         {queryRef && <Hello queryRef={queryRef} />}
+            *       </Suspense>
+            *     </>
+            *   );
+            * }
+            * 
+            * function Hello({ queryRef }) {
+            *   const { data } = useReadQuery(queryRef);
+            * 
+            *   return <div>{data.greeting.message}</div>;
+            * }
+            * ```
+            * 
+            * @param query - A GraphQL query document parsed into an AST by `gql`.
+            * @param options - Options to control how the query is executed.
+            * @returns A tuple in the form of `[loadQuery, queryRef, handlers]`
             */
             <TData = unknown, TVariables extends OperationVariables = OperationVariables>(query: DocumentNode | TypedDocumentNode<TData, TVariables>, options?: useLoadableQuery.Options): useLoadableQuery.Result<TData, TVariables, "complete" | "streaming">;
         }
         /**
+        * A hook for imperatively loading a query, such as responding to a user
+        * interaction.
+        * 
+        * > Refer to the [Suspense - Fetching in response to user interaction](https://www.apollographql.com/docs/react/data/suspense#fetching-in-response-to-user-interaction) section for a more in-depth overview of `useLoadableQuery`.
+        * 
+        * @example
+        * 
+        * ```jsx
+        * import { gql, useLoadableQuery } from "@apollo/client";
+        * 
+        * const GET_GREETING = gql`
+        *   query GetGreeting($language: String!) {
+        *     greeting(language: $language) {
+        *       message
+        *     }
+        *   }
+        * `;
+        * 
+        * function App() {
+        *   const [loadGreeting, queryRef] = useLoadableQuery(GET_GREETING);
+        * 
+        *   return (
+        *     <>
+        *       <button onClick={() => loadGreeting({ language: "english" })}>
+        *         Load greeting
+        *       </button>
+        *       <Suspense fallback={<div>Loading...</div>}>
+        *         {queryRef && <Hello queryRef={queryRef} />}
+        *       </Suspense>
+        *     </>
+        *   );
+        * }
+        * 
+        * function Hello({ queryRef }) {
+        *   const { data } = useReadQuery(queryRef);
         * 
+        *   return <div>{data.greeting.message}</div>;
+        * }
+        * ```
+        * 
+        * @param query - A GraphQL query document parsed into an AST by `gql`.
+        * @param options - Options to control how the query is executed.
+        * @returns A tuple in the form of `[loadQuery, queryRef, handlers]`
         */
         interface Modern {
             /**
+            * A hook for imperatively loading a query, such as responding to a user
+            * interaction.
+            * 
+            * > Refer to the [Suspense - Fetching in response to user interaction](https://www.apollographql.com/docs/react/data/suspense#fetching-in-response-to-user-interaction) section for a more in-depth overview of `useLoadableQuery`.
+            * 
+            * @example
+            * 
+            * ```jsx
+            * import { gql, useLoadableQuery } from "@apollo/client";
+            * 
+            * const GET_GREETING = gql`
+            *   query GetGreeting($language: String!) {
+            *     greeting(language: $language) {
+            *       message
+            *     }
+            *   }
+            * `;
+            * 
+            * function App() {
+            *   const [loadGreeting, queryRef] = useLoadableQuery(GET_GREETING);
+            * 
+            *   return (
+            *     <>
+            *       <button onClick={() => loadGreeting({ language: "english" })}>
+            *         Load greeting
+            *       </button>
+            *       <Suspense fallback={<div>Loading...</div>}>
+            *         {queryRef && <Hello queryRef={queryRef} />}
+            *       </Suspense>
+            *     </>
+            *   );
+            * }
             * 
+            * function Hello({ queryRef }) {
+            *   const { data } = useReadQuery(queryRef);
+            * 
+            *   return <div>{data.greeting.message}</div>;
+            * }
+            * ```
+            * 
+            * @param query - A GraphQL query document parsed into an AST by `gql`.
+            * @param options - Options to control how the query is executed.
+            * @returns A tuple in the form of `[loadQuery, queryRef, handlers]`
             */
             <TData, TVariables extends OperationVariables, TOptions extends never>(query: DocumentNode | TypedDocumentNode<TData, TVariables>): useLoadableQuery.ResultForOptions<TData, TVariables, Record<string, never>>;
             /**
+            * A hook for imperatively loading a query, such as responding to a user
+            * interaction.
+            * 
+            * > Refer to the [Suspense - Fetching in response to user interaction](https://www.apollographql.com/docs/react/data/suspense#fetching-in-response-to-user-interaction) section for a more in-depth overview of `useLoadableQuery`.
+            * 
+            * @example
+            * 
+            * ```jsx
+            * import { gql, useLoadableQuery } from "@apollo/client";
+            * 
+            * const GET_GREETING = gql`
+            *   query GetGreeting($language: String!) {
+            *     greeting(language: $language) {
+            *       message
+            *     }
+            *   }
+            * `;
             * 
+            * function App() {
+            *   const [loadGreeting, queryRef] = useLoadableQuery(GET_GREETING);
+            * 
+            *   return (
+            *     <>
+            *       <button onClick={() => loadGreeting({ language: "english" })}>
+            *         Load greeting
+            *       </button>
+            *       <Suspense fallback={<div>Loading...</div>}>
+            *         {queryRef && <Hello queryRef={queryRef} />}
+            *       </Suspense>
+            *     </>
+            *   );
+            * }
+            * 
+            * function Hello({ queryRef }) {
+            *   const { data } = useReadQuery(queryRef);
+            * 
+            *   return <div>{data.greeting.message}</div>;
+            * }
+            * ```
+            * 
+            * @param query - A GraphQL query document parsed into an AST by `gql`.
+            * @param options - Options to control how the query is executed.
+            * @returns A tuple in the form of `[loadQuery, queryRef, handlers]`
             */
             <TData, TVariables extends OperationVariables, TOptions extends useLoadableQuery.Options>(query: DocumentNode | TypedDocumentNode<TData, TVariables>, options: TOptions): useLoadableQuery.ResultForOptions<TData, TVariables, TOptions>;
         }
         type Evaluated = SignatureStyle extends "classic" ? Classic : Modern;
     }
     /**
+    * A hook for imperatively loading a query, such as responding to a user
+    * interaction.
+    * 
+    * > Refer to the [Suspense - Fetching in response to user interaction](https://www.apollographql.com/docs/react/data/suspense#fetching-in-response-to-user-interaction) section for a more in-depth overview of `useLoadableQuery`.
+    * 
+    * @example
+    * 
+    * ```jsx
+    * import { gql, useLoadableQuery } from "@apollo/client";
+    * 
+    * const GET_GREETING = gql`
+    *   query GetGreeting($language: String!) {
+    *     greeting(language: $language) {
+    *       message
+    *     }
+    *   }
+    * `;
+    * 
+    * function App() {
+    *   const [loadGreeting, queryRef] = useLoadableQuery(GET_GREETING);
+    * 
+    *   return (
+    *     <>
+    *       <button onClick={() => loadGreeting({ language: "english" })}>
+    *         Load greeting
+    *       </button>
+    *       <Suspense fallback={<div>Loading...</div>}>
+    *         {queryRef && <Hello queryRef={queryRef} />}
+    *       </Suspense>
+    *     </>
+    *   );
+    * }
+    * 
+    * function Hello({ queryRef }) {
+    *   const { data } = useReadQuery(queryRef);
+    * 
+    *   return <div>{data.greeting.message}</div>;
+    * }
+    * ```
     * 
+    * @param query - A GraphQL query document parsed into an AST by `gql`.
+    * @param options - Options to control how the query is executed.
+    * @returns A tuple in the form of `[loadQuery, queryRef, handlers]`
     */
     interface Signature extends Signatures.Evaluated {
     }

package/__cjs/react/hooks/useMutation.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useMutation = useMutation;
+exports.useMutation = void 0;
 const tslib_1 = require("tslib");
 const equality_1 = require("@wry/equality");
 const React = tslib_1.__importStar(require("react"));
@@ -8,52 +8,9 @@ const internal_1 = require("@apollo/client/utilities/internal");
 const useIsomorphicLayoutEffect_js_1 = require("./internal/useIsomorphicLayoutEffect.cjs");
 const useApolloClient_js_1 = require("./useApolloClient.cjs");
 /**
- * > Refer to the [Mutations](https://www.apollographql.com/docs/react/data/mutations/) section for a more in-depth overview of `useMutation`.
- *
- * @example
- *
- * ```jsx
- * import { gql, useMutation } from "@apollo/client";
- *
- * const ADD_TODO = gql`
- *   mutation AddTodo($type: String!) {
- *     addTodo(type: $type) {
- *       id
- *       type
- *     }
- *   }
- * `;
- *
- * function AddTodo() {
- *   let input;
- *   const [addTodo, { data }] = useMutation(ADD_TODO);
- *
- *   return (
- *     <div>
- *       <form
- *         onSubmit={(e) => {
- *           e.preventDefault();
- *           addTodo({ variables: { type: input.value } });
- *           input.value = "";
- *         }}
- *       >
- *         <input
- *           ref={(node) => {
- *             input = node;
- *           }}
- *         />
- *         <button type="submit">Add Todo</button>
- *       </form>
- *     </div>
- *   );
- * }
- * ```
- *
- * @param mutation - A GraphQL mutation document parsed into an AST by `gql`.
- * @param options - Options to control how the mutation is executed.
- * @returns A tuple in the form of `[mutate, result]`
- */
-function useMutation(mutation, options) {
+* 
+*/
+exports.useMutation = function useMutation(mutation, options) {
     const client = (0, useApolloClient_js_1.useApolloClient)(options?.client);
     const [result, setResult] = React.useState(() => createInitialResult(client));
     const ref = React.useRef({
@@ -150,7 +107,7 @@ function useMutation(mutation, options) {
         };
     }, []);
     return [execute, { reset, ...result }];
-}
+};
 function createInitialResult(client) {
     return {
         data: undefined,