Updating react deps (#502)

* Update React

* Revert "Update React"

This reverts commit d09df2f.

* Updating jest environment and babel configuration

* New github config to fix builds

* Cacheing nodegit and fixing failing tests

* update react in package.json

* Updating React-Testing-Library and removing acts (default now)

* adding text encoder, which is not added to jsdom

* fixing error

* updating react testing library dom

* fixing error

* updating react testing library dom

* Update yarn.lock

* Update React

* Revert "Update React"

This reverts commit d09df2f.

* Updating jest environment and babel configuration

* update react in package.json

* adding text encoder, which is not added to jsdom

* in prog

* fixing tests

* fixes

* pushing in changesss

* pages working

* cleaning up confirmAuth + candidateTests + routes index.js

* descendent routing in progress

* fixed candidate tests + test reports. TODO: test queue

* fixing typo: propotypes --> proptypes

* undoing irrelevant commits

* undoing uneccesary whitespaces

* removing unnecessary imports

* in prog

* fixing tests

* pushing in changesss

* pages working

* cleaning up confirmAuth + candidateTests + routes index.js

* descendent routing in progress

* undoing irrelevant commits

* undoing uneccesary whitespaces

* removing unnecessary imports

* Update yarn.lock

* report fixings

* fixing jest test expected

* removing unused import

* updated runtest.yml

* removing resize observer

* confirmed test expected is different per machine, reverting

* fixing resize-observer

* check for null | undefined testplanreports

* summarizetestplanversion reverts

* Re-enabling test on App.test.jsx

* updated testing library

* adding yarn lock

* yarn prettier

* Removing comment

---------

Co-authored-by: Howard Edwards <[email protected]>
Co-authored-by: Erika Miguel <[email protected]>

client/index.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import ReactDOM from 'react-dom';
+import { createRoot } from 'react-dom/client';
 import { BrowserRouter } from 'react-router-dom';
 import { ApolloClient, InMemoryCache, ApolloProvider } from '@apollo/client';
 // Order matters for the following two imports
@@ -27,11 +27,12 @@ const client = new ApolloClient({
     })
 });
 
-ReactDOM.render(
+const container = document.getElementById('root');
+const root = createRoot(container);
+root.render(
     <ApolloProvider client={client}>
         <BrowserRouter>
             <App />
         </BrowserRouter>
-    </ApolloProvider>,
-    document.getElementById('root')
+    </ApolloProvider>
 );