From 0caa38c85888fd235c02eb2b1b6637f4a7bce93b Mon Sep 17 00:00:00 2001
From: Matt Aitken <matt@mattaitken.com>
Date: Wed, 7 Dec 2022 13:41:34 +0000
Subject: [PATCH] Fix for React 18 complaining about hydration

---
 apps/webapp/app/entry.client.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

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({