From 9e2ed56ef0e009f5fa1e2e24b46f9d6dc3e01b63 Mon Sep 17 00:00:00 2001
From: James <james@trbl.design>
Date: Wed, 20 Apr 2022 11:29:09 -0400
Subject: [PATCH] chore: migrates to React 18

---
 src/admin/index.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/admin/index.tsx b/src/admin/index.tsx
index f05158d1e8..853190df74 100644
--- a/src/admin/index.tsx
+++ b/src/admin/index.tsx
@@ -2,7 +2,7 @@
 // @ts-ignore - need to do this because this file doesn't actually exist
 import config from 'payload-config';
 import React from 'react';
-import { render } from 'react-dom';
+import { createRoot } from 'react-dom/client';
 import { BrowserRouter as Router } from 'react-router-dom';
 import { ScrollInfoProvider } from '@faceless-ui/scroll-info';
 import { WindowInfoProvider } from '@faceless-ui/window-info';
@@ -61,7 +61,9 @@ const Index = () => (
   </React.Fragment>
 );
 
-render(<Index />, document.getElementById('app'));
+const container = document.getElementById('app');
+const root = createRoot(container); // createRoot(container!) if you use TypeScript
+root.render(<Index />);
 
 // Needed for Hot Module Replacement
 if (typeof (module.hot) !== 'undefined') {