diff --git a/app/entry.client.tsx b/app/entry.client.tsx
index a19979b2..726d5088 100644
--- a/app/entry.client.tsx
+++ b/app/entry.client.tsx
@@ -1,4 +1,4 @@
-import { hydrate } from "react-dom";
+import { hydrateRoot } from "react-dom/client";
 import { RemixBrowser } from "remix";
 
-hydrate(<RemixBrowser />, document);
+hydrateRoot(document, <RemixBrowser />);