useMutation: use useIsomorphicLayoutEffect instead of useLayoutEffect

Author: phryneas

.changeset/clean-icons-sparkle.md

@@ -0,0 +1,5 @@
+---
+"@apollo/client": patch
+---
+
+`useMutation`: use `useIsomorphicLayoutEffect` instead of `useLayoutEffect`

.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
 }

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 });
   });