Temp fix

Author: GilbertCherrie

.babelrc.js

@@ -18,5 +18,7 @@ module.exports = {
   ],
   plugins: [
     require('@babel/plugin-proposal-class-properties').default,
+    require('@babel/plugin-proposal-nullish-coalescing-operator').default,
+    require('@babel/plugin-transform-optional-chaining').default,
   ],
 };

app/stylesheet/carbon.scss

@@ -12,14 +12,15 @@ $css--body: false;
 $css--reset: false;
 $css--default-type: false;
 
+@use '@carbon/react';
+
 // Use the white theme
 @import '~@carbon/themes/scss/themes';
 $carbon--theme: $carbon--theme--white;
 
 @include carbon--theme();
 
 @import '~@carbon/charts/styles.css';
-@use '@carbon/react';
 
 // ignored by patternfly, but sets the right base for carbon rem units
 html {

package.json

@@ -60,6 +60,8 @@
     "bootstrap-filestyle": "~1.2.1",
     "bootstrap-select": "^1.13.18",
     "bootstrap-switch": "3.3.4",
+    "carbon-components-react": "~7.59.24",
+    "carbon-icons": "~7.0.7",
     "classnames": "~2.2.6",
     "codemirror": "~5.58.2",
     "connected-react-router": "~6.7.0",
@@ -83,11 +85,11 @@
     "patternfly": "~3.59.5",
     "prop-types": "^15.6.0",
     "proxy-polyfill": "^0.1.7",
-    "react": "~16.13.1",
+    "react": "~17.0.0",
     "react-accessible-treeview": "^2.10.0",
     "react-bootstrap": "~0.33.0",
     "react-codemirror2": "^8.0.0",
-    "react-dom": "~16.13.1",
+    "react-dom": "~17.0.0",
     "react-markdown": "~6.0.3",
     "react-query": "^3.39.3",
     "react-redux": "^7.1.1",
@@ -113,8 +115,10 @@
     "@babel/plugin-proposal-class-properties": "~7.8.3",
     "@babel/plugin-proposal-export-default-from": "~7.8.3",
     "@babel/plugin-proposal-export-namespace-from": "~7.8.3",
+    "@babel/plugin-proposal-nullish-coalescing-operator": "^7.18.6",
     "@babel/plugin-proposal-object-rest-spread": "~7.9.0",
     "@babel/plugin-transform-object-assign": "~7.8.3",
+    "@babel/plugin-transform-optional-chaining": "^7.27.1",
     "@babel/preset-env": "~7.9.0",
     "@babel/preset-react": "~7.9.1",
     "@babel/register": "~7.9.0",
@@ -178,6 +182,7 @@
   },
   "packageManager": "[email protected]",
   "resolutions": {
+    "acorn": "7.3.0",
     "angular": "~1.8.3",
     "angular-animate": "~1.8.3",
     "angular-sanitize": "~1.8.3",
@@ -196,6 +201,7 @@
     "path-to-regexp": "~8.0.0",
     "patternfly": "~3.59.5",
     "request": "npm:@cypress/request@^3.0.9",
+    "react": "~17.0.0",
     "terser": "~4.8.1"
   }
 }