diff --git a/apps/webapp/app/entry.client.tsx b/apps/webapp/app/entry.client.tsx
index 6342ff939..1726f466d 100644
--- a/apps/webapp/app/entry.client.tsx
+++ b/apps/webapp/app/entry.client.tsx
@@ -1,9 +1,9 @@
 import { RemixBrowser, useLocation, useMatches } from "@remix-run/react";
-import { hydrate } from "react-dom";
+import { hydrateRoot } from "react-dom/client";
 import * as Sentry from "@sentry/remix";
 import { useEffect } from "react";
 
-hydrate(<RemixBrowser />, document);
+hydrateRoot(document, <RemixBrowser />);
 
 if (process.env.NODE_ENV === "production") {
   Sentry.init({