diff --git a/packages/client/src/csr.ts b/packages/client/src/csr.ts
index 2133ea5c..3bf26c02 100644
--- a/packages/client/src/csr.ts
+++ b/packages/client/src/csr.ts
@@ -36,4 +36,8 @@ async function hydrate() {
         .forEach((script) => document.body.appendChild(script));
 }
 
-hydrate();
+if (document.readyState === "loading") {
+    document.addEventListener("DOMContentLoaded", hydrate);
+} else {
+    hydrate();
+}