useMutation: use useIsomorphicLayoutEffect instead of `useLayoutE…

…ffect` (#11900)
apollographql · Jun 21, 2024 · f745558 · f745558
1 parent a739dfd
commit f745558
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 2 deletions.
diff --git a/.changeset/clean-icons-sparkle.md b/.changeset/clean-icons-sparkle.md
@@ -0,0 +1,5 @@
+---
+"@apollo/client": patch
+---
+
+`useMutation`: use `useIsomorphicLayoutEffect` instead of `useLayoutEffect`
diff --git a/.size-limits.json b/.size-limits.json
@@ -1,4 +1,4 @@
 {
-  "dist/apollo-client.min.cjs": 39561,
+  "dist/apollo-client.min.cjs": 39579,
   "import { ApolloClient, InMemoryCache, HttpLink } from \"dist/index.js\" (production)": 32821
 }
diff --git a/src/react/hooks/useMutation.ts b/src/react/hooks/useMutation.ts
@@ -20,6 +20,7 @@ import { equal } from "@wry/equality";
 import { DocumentType, verifyDocumentType } from "../parser/index.js";
 import { ApolloError } from "../../errors/index.js";
 import { useApolloClient } from "./useApolloClient.js";
+import { useIsomorphicLayoutEffect } from "./internal/useIsomorphicLayoutEffect.js";
 
 /**
  *
@@ -99,7 +100,7 @@ export function useMutation<
     options,
   });
 
-  React.useLayoutEffect(() => {
+  useIsomorphicLayoutEffect(() => {
     Object.assign(ref.current, { client, options, mutation });
   });