From 60e81281db55656a56fbd5a39f9130a17c9595a4 Mon Sep 17 00:00:00 2001
From: Thomas Uster <thomasuster@gmail.com>
Date: Wed, 9 Aug 2023 11:30:14 -0700
Subject: [PATCH 1/2] Update src/index.js:

---
 src/index.js | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/index.js b/src/index.js
index fae3e35..6571cb7 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1,8 +1,10 @@
 import React from 'react';
-import ReactDOM from 'react-dom';
+import { createRoot } from 'react-dom/client';
 import './index.css';
 import App from './App';
 import registerServiceWorker from './registerServiceWorker';
 
-ReactDOM.render(<App />, document.getElementById('root'));
-registerServiceWorker();
+const container = document.getElementById('root');
+const root = createRoot(container);
+root.render(<App />);
+registerServiceWorker();
\ No newline at end of file

From db15271d762b116ab1d2382f2531aad42b51a39f Mon Sep 17 00:00:00 2001
From: Thomas Uster <thomasuster@gmail.com>
Date: Wed, 9 Aug 2023 11:30:15 -0700
Subject: [PATCH 2/2] Update src/App.test.js:

---
 src/App.test.js | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/App.test.js b/src/App.test.js
index b84af98..8c6e31d 100644
--- a/src/App.test.js
+++ b/src/App.test.js
@@ -1,8 +1,9 @@
 import React from 'react';
-import ReactDOM from 'react-dom';
+import { createRoot } from 'react-dom/client';
 import App from './App';
 
 it('renders without crashing', () => {
   const div = document.createElement('div');
-  ReactDOM.render(<App />, div);
-});
+  const root = createRoot(div);
+  root.render(<App />);
+});
\ No newline at end of file