AB#63130: Update React and other dependencies, fix deprecation errors

Dockerfile

@@ -1,4 +1,4 @@
-FROM node:16-buster-slim
+FROM node:20-bookworm-slim
 
 # This installs the necessary libs to make the bundled version of Chromium that Pupppeteer installs work
 RUN apt-get update \
@@ -12,7 +12,7 @@ RUN apt-get update \
   && mv ./azcopy /usr/bin/ \
   && rm -rf /var/lib/apt/lists/*
 
-ENV WORK /opt/publisher
+ENV WORK=/opt/publisher
 # ENV NODE_ENV production # Cannot use until devdependency list is fixed in package.json
 
 # Create app directory

src/components/routeMap/routeMapContainer.js

@@ -407,9 +407,11 @@ const hoc = compose(
         );
         alphaChannelMatrix.initialize((alphaChannelByteArray) => {
           this.props.onData(alphaChannelByteArray);
-          renderQueue.remove(this);
         });
       },
+      componentDidUpdate() {
+        renderQueue.remove(this);
+      },
     }),
     branch(
       (props) => !props.alphaChannel,

src/index.js

@@ -1,16 +1,16 @@
 import React from 'react';
-import { render } from 'react-dom';
+import * as ReactDOMClient from 'react-dom/client';
 
 import App from 'components/app';
 import 'styles/base.css';
 
-const root = document.body.appendChild(document.createElement('div'));
-
-render(<App />, root);
+const rootContainer = document.body.appendChild(document.createElement('div'));
+const root = ReactDOMClient.createRoot(rootContainer);
+root.render(<App />);
 
 if (module.hot) {
   module.hot.accept('components/app', () => {
     const NextApp = require('components/app').default; // eslint-disable-line
-    render(<NextApp />, root);
+    root.render(<NextApp />, root);
   });
 }