upgrade web to node 22

Author: TShapinsky

alfalfa_web/.babelrc.js

@@ -14,15 +14,16 @@ const presets = [
   ]
 ];
 
-if (isProd) presets.push(["minify", { builtIns: false }]);
+// Use Webpack's built-in Terser for minification instead of babel-preset-minify
+// which has compatibility issues with newer Babel versions
 
 module.exports = {
   assumptions: {
     noDocumentAll: true,
     noClassCalls: true
   },
   comments: false,
-  plugins: ["@babel/plugin-proposal-class-properties"],
+  plugins: ["@babel/plugin-transform-class-properties"],
   presets,
   sourceMaps: isProd ? false : "inline"
 };

alfalfa_web/Dockerfile

@@ -1,4 +1,4 @@
-FROM node:16 AS base
+FROM node:22 AS base
 ARG GIT_COMMIT
 ENV GIT_COMMIT=$GIT_COMMIT
 

alfalfa_web/components/app.js

@@ -2,15 +2,17 @@ import React from "react";
 import "@fontsource/material-icons";
 import "@fontsource/roboto";
 import "normalize.css/normalize.css";
-import ReactDOM from "react-dom";
+import { createRoot } from "react-dom/client";
 import { BrowserRouter } from "react-router-dom";
 import { App } from "./App/App.js";
 
-ReactDOM.render(
+const container = document.getElementById("root");
+const root = createRoot(container);
+
+root.render(
   <BrowserRouter>
     <React.StrictMode>
       <App />
     </React.StrictMode>
-  </BrowserRouter>,
-  document.getElementById("root")
+  </BrowserRouter>
 );