Client side package updates.

client/src/index.js

@@ -1,9 +1,9 @@
 import * as Sentry from "@sentry/react";
-//import "antd/dist/antd.css";
-import "antd/dist/antd.less";
+import "antd/dist/antd.css";
+//import "antd/dist/antd.less";
 import Dinero from "dinero.js";
 import React from "react";
-import ReactDOM from "react-dom";
+import { createRoot } from "react-dom/client";
 import { Provider } from "react-redux";
 import { BrowserRouter } from "react-router-dom";
 import { PersistGate } from "redux-persist/integration/react";
@@ -14,7 +14,6 @@ import { persistor, store } from "./redux/store";
 import reportWebVitals from "./reportWebVitals";
 import "./translations/i18n";
 import "./utils/CleanAxios";
-require("dotenv").config();
 
 // Dinero.defaultCurrency = "CAD";
 // Dinero.globalLocale = "en-CA";
@@ -39,7 +38,10 @@ if (process.env.NODE_ENV !== "development") {
   });
 }
 
-ReactDOM.render(
+const container = document.getElementById("root");
+const root = createRoot(container); // createRoot(container!) if you use TypeScript
+
+root.render(
   <Provider store={store}>
     <BrowserRouter>
       <PersistGate
@@ -49,10 +51,8 @@ ReactDOM.render(
         <AppContainer />
       </PersistGate>
     </BrowserRouter>
-  </Provider>,
-  document.getElementById("root")
+  </Provider>
 );
-
 // const onServiceWorkerUpdate = (registration) => {
 //   console.log("onServiceWorkerUpdate", registration);