upgraded to react 18

Author: chrisminnick

reactjsfoundations.com/src/Introduction.js

@@ -48,22 +48,21 @@ function Introduction(props) {
         building applications with it."
         />
       </Helmet>
-      <p>
-        <blockquote>
-          <strong>
-            "It is rare to find it hard to put down a programming book but it is
-            the case for me with this one. It should be the textbook for any
-            React course and for anyone learning react."
-          </strong>
-        </blockquote>
-      </p>
-      <p>
-        <blockquote style={{ textAlign: 'right' }}>
-          <a href="https://www.amazon.com/React-Foundations-Building-Interfaces-ReactJS/product-reviews/1119685540">
-            Read More Reviews
-          </a>
-        </blockquote>
-      </p>
+
+      <blockquote>
+        <strong>
+          "It is rare to find it hard to put down a programming book but it is
+          the case for me with this one. It should be the textbook for any React
+          course and for anyone learning react."
+        </strong>
+      </blockquote>
+
+      <blockquote style={{ textAlign: 'right' }}>
+        <a href="https://www.amazon.com/React-Foundations-Building-Interfaces-ReactJS/product-reviews/1119685540">
+          Read More Reviews
+        </a>
+      </blockquote>
+
       <h2>WHY THIS BOOK?</h2>
       <p>
         My aim with this book is to provide an up-to-date and thorough

reactjsfoundations.com/src/index.js

@@ -1,14 +1,13 @@
 import React from 'react';
-import ReactDOM from 'react-dom';
+import ReactDOM from 'react-dom/client';
 import { BrowserRouter as Router } from 'react-router-dom';
 import App from './App';
 import ScrollToTop from './ScrollToTop';
 
-ReactDOM.render(
+ReactDOM.createRoot(document.getElementById('root')).render(
   <Router>
     <ScrollToTop>
       <App />
     </ScrollToTop>
-  </Router>,
-  document.getElementById('root')
+  </Router>
 );