Package updates.

client/src/index.js

@@ -3,7 +3,7 @@ import * as Sentry from "@sentry/react";
 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";
@@ -39,7 +39,9 @@ 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,48 +51,7 @@ ReactDOM.render(
         <AppContainer />
       </PersistGate>
     </BrowserRouter>
-  </Provider>,
-  document.getElementById("root")
+  </Provider>
 );
 
-// const onServiceWorkerUpdate = (registration) => {
-//   console.log("onServiceWorkerUpdate", registration);
-
-//   const btn = (
-//     <Space flex>
-//       <Button
-//         onClick={async () => {
-//           window.open("https://imex-online.noticeable.news/", "_blank");
-//         }}
-//       >
-//         {i18n.t("general.actions.viewreleasenotes")}
-//       </Button>
-//       <Button
-//         type="primary"
-//         onClick={async () => {
-//           if (registration && registration.waiting) {
-//             await registration.unregister();
-//             // Makes Workbox call skipWaiting()
-//             registration.waiting.postMessage({ type: "SKIP_WAITING" });
-//             // Once the service worker is unregistered, we can reload the page to let
-//             // the browser download a fresh copy of our app (invalidating the cache)
-//             window.location.reload();
-//           }
-//         }}
-//       >
-//         {i18n.t("general.actions.refresh")}
-//       </Button>
-//     </Space>
-//   );
-//   notification.open({
-//     icon: <AlertOutlined />,
-//     message: i18n.t("general.messages.newversiontitle"),
-//     description: i18n.t("general.messages.newversionmessage"),
-//     duration: 0,
-//     btn,
-//     key: "updateavailable",
-//   });
-// };
-
-// serviceWorkerRegistration.register({ onUpdate: onServiceWorkerUpdate });
 reportWebVitals();

client/src/utils/RenderTemplate.js

@@ -1,7 +1,7 @@
 import { gql } from "@apollo/client";
 import { notification } from "antd";
 import axios from "axios";
-import jsreport from "jsreport-browser-client-dist";
+import jsreport from "@jsreport/browser-client";
 import _ from "lodash";
 import moment from "moment";
 import { auth } from "../firebase/firebase.utils";