update to react 18

Author: jsebrech

public/index.html

@@ -22,9 +22,9 @@
     <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="root"></div>
 
-    <!-- https://unpkg.com/react@17.0.2/umd/react.production.min.js -->
+    <!-- https://unpkg.com/react@18.2.0/umd/react.production.min.js -->
     <script type="module" src="lib/react.production.min.js"></script>
-    <!-- https://unpkg.com/react-dom@17.0.2/umd/react-dom.production.min.js -->
+    <!-- https://unpkg.com/react-dom@18.2.0/umd/react-dom.production.min.js -->
     <script type="module" src="lib/react-dom.production.min.js"></script>
 
     <script type="module" src="src/index.js"></script>

public/lib/react-dom.production.min.js

@@ -2,13 +2,13 @@ import { React, ReactDOM, html } from './imports.js';
 import App from './App.js';
 // import reportWebVitals from './reportWebVitals.js';
 
-ReactDOM.render(
+const root = ReactDOM.createRoot(document.getElementById('root'));
+root.render(
   html`
   <${React.StrictMode}>
     <${App} />
   <//>
-  `,
-  document.getElementById('root')
+  `
 );
 
 // If you want to start measuring performance in your app, pass a function

public/lib/react.production.min.js

@@ -1,6 +1,6 @@
 const reportWebVitals = onPerfEntry => {
   if (onPerfEntry && onPerfEntry instanceof Function) {
-    import('https://unpkg.com/[email protected].2/dist/web-vitals.js').then(
+    import('https://unpkg.com/[email protected].4/dist/web-vitals.js').then(
       ({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
         getCLS(onPerfEntry);
         getFID(onPerfEntry);

public/src/index.js

@@ -7,21 +7,21 @@
     <!-- make paths relative to parent folder -->
     <base href="../" />
 
-    <!-- https://unpkg.com/mocha@9.1.3/mocha.css -->
+    <!-- https://unpkg.com/mocha@9.2.2/mocha.css -->
     <link rel="stylesheet" href="test/lib/mocha/mocha.css" />
 
     <!-- development build of react needed for unit tests -->
-    <!-- https://unpkg.com/react@17.0.2/umd/react.development.js -->
+    <!-- https://unpkg.com/react@18.2.0/umd/react.development.js -->
     <script src="test/lib/react/react.development.js"></script>
-    <!-- https://unpkg.com/react-dom@17.0.2/umd/react-dom.development.js -->
+    <!-- https://unpkg.com/react-dom@18.2.0/umd/react-dom.development.js -->
     <script src="test/lib/react/react-dom.development.js"></script>
-    <!-- https://unpkg.com/react-dom@17.0.2/umd/react-dom-test-utils.development.js -->
+    <!-- https://unpkg.com/react-dom@18.2.0/umd/react-dom-test-utils.development.js -->
     <script src="test/lib/react/react-dom-test-utils.development.js"></script>
-    <!-- https://unpkg.com/[email protected].4/chai.js -->
+    <!-- https://unpkg.com/[email protected].6/chai.js -->
     <script src="test/lib/mocha/chai.js"></script>
-    <!-- https://unpkg.com/mocha@9.1.3/mocha.js -->
+    <!-- https://unpkg.com/mocha@9.2.2/mocha.js -->
     <script src="test/lib/mocha/mocha.js"></script>
-    <!-- https://unpkg.com/@testing-library/dom@8.11.1/dist/@testing-library/dom.umd.js -->
+    <!-- https://unpkg.com/@testing-library/dom@8.17.1/dist/@testing-library/dom.umd.js -->
     <script src="test/lib/@testing-library/dom.umd.js"></script>
   </head>