chore(performance): Optimize rehydration

artsy · Dec 4, 2024 · 98129ab · 98129ab
1 parent 2561d81
commit 98129ab
Showing 1 changed file with 7 additions and 4 deletions.
diff --git a/src/client.tsx b/src/client.tsx
@@ -6,6 +6,7 @@ import { setupClientRouter } from "System/Router/clientRouter"
 import { setupSentryClient } from "System/Utils/setupSentryClient"
 import { setupWebVitals } from "System/Utils/setupWebVitals"
 import { hydrateRoot } from "react-dom/client"
+import { startTransition } from "react"
 
 setupAnalytics()
 setupSentryClient()
@@ -18,10 +19,12 @@ setupWebVitals()
   })
 
   loadableReady().then(() => {
-    hydrateRoot(
-      document.getElementById("react-root") as HTMLElement,
-      <ClientRouter />
-    )
+    startTransition(() => {
+      hydrateRoot(
+        document.getElementById("react-root") as HTMLElement,
+        <ClientRouter />
+      )
+    })
   })
 })()