diff --git a/client/package-lock.json b/client/package-lock.json
index ec52086ab..bcb9d6df1 100644
--- a/client/package-lock.json
+++ b/client/package-lock.json
@@ -13,8 +13,8 @@
         "@craco/craco": "^7.0.0",
         "@fingerprintjs/fingerprintjs": "^4.2.1",
         "@jsreport/browser-client": "^3.1.0",
-        "@sentry/react": "^7.40.0",
-        "@sentry/tracing": "^7.40.0",
+        "@sentry/react": "^7.85.0",
+        "@sentry/tracing": "^7.85.0",
         "@splitsoftware/splitio-react": "^1.8.1",
         "@tanem/react-nprogress": "^5.0.8",
         "antd": "^4.24.8",
@@ -33,7 +33,7 @@
         "jsoneditor": "^9.9.0",
         "jsreport-browser-client-dist": "^1.3.0",
         "libphonenumber-js": "^1.10.21",
-        "logrocket": "^3.0.1",
+        "logrocket": "^7.0.0",
         "markerjs2": "^2.28.1",
         "moment-business-days": "^1.2.0",
         "moment-timezone": "^0.5.41",
@@ -4302,29 +4302,43 @@
       "resolved": "https://registry.npmjs.org/@rushstack/eslint-patch/-/eslint-patch-1.6.0.tgz",
       "integrity": "sha512-2/U3GXA6YiPYQDLGwtGlnNgKYBSwCFIHf8Y9LUY5VATHdtbLlU0Y1R3QoBnT0aB4qv/BEiVVsj7LJXoQCgJ2vA=="
     },
-    "node_modules/@sentry-internal/tracing": {
-      "version": "7.84.0",
-      "resolved": "https://registry.npmjs.org/@sentry-internal/tracing/-/tracing-7.84.0.tgz",
-      "integrity": "sha512-y9bGYA0OM6PEREfd+nk4UURZy29tpIw+7vQwpxWfEVs2fqq0/5TBFX/tKFb8AKUI9lVM8v0bcF0bNSCnuPQZHQ==",
+    "node_modules/@sentry-internal/feedback": {
+      "version": "7.85.0",
+      "resolved": "https://registry.npmjs.org/@sentry-internal/feedback/-/feedback-7.85.0.tgz",
+      "integrity": "sha512-MlbIN+N8CWFJBjbqMmARe4+UPo9QRhRar0YoOfmNA2Xqk/EwXcjHWkealosHznXH7tqVbjB25QJpHtDystft/Q==",
       "dependencies": {
-        "@sentry/core": "7.84.0",
-        "@sentry/types": "7.84.0",
-        "@sentry/utils": "7.84.0"
+        "@sentry/core": "7.85.0",
+        "@sentry/types": "7.85.0",
+        "@sentry/utils": "7.85.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@sentry-internal/tracing": {
+      "version": "7.85.0",
+      "resolved": "https://registry.npmjs.org/@sentry-internal/tracing/-/tracing-7.85.0.tgz",
+      "integrity": "sha512-p3YMUwkPCy2su9cm/3+7QYR4RiMI0+07DU1BZtht9NLTzY2O87/yvUbn1v2yHR3vJQTy/+7N0ud9/mPBFznRQQ==",
+      "dependencies": {
+        "@sentry/core": "7.85.0",
+        "@sentry/types": "7.85.0",
+        "@sentry/utils": "7.85.0"
       },
       "engines": {
         "node": ">=8"
       }
     },
     "node_modules/@sentry/browser": {
-      "version": "7.84.0",
-      "resolved": "https://registry.npmjs.org/@sentry/browser/-/browser-7.84.0.tgz",
-      "integrity": "sha512-X50TlTKY9WzAnHsYc4FYrCWgm+CdVo0h02ggmodVBUpRLUBjj+cs5Q1plov/v/XeorSwmorNEMUu/n+XZNSsrA==",
+      "version": "7.85.0",
+      "resolved": "https://registry.npmjs.org/@sentry/browser/-/browser-7.85.0.tgz",
+      "integrity": "sha512-x4sH7vTQnZQgy1U7NuN8XwhleAw7YMQitccHeC5m+kpIKGUO7w4Mdvu8rD3dnjmVmZvASpnwocAxy57/vCU6Ww==",
       "dependencies": {
-        "@sentry-internal/tracing": "7.84.0",
-        "@sentry/core": "7.84.0",
-        "@sentry/replay": "7.84.0",
-        "@sentry/types": "7.84.0",
-        "@sentry/utils": "7.84.0"
+        "@sentry-internal/feedback": "7.85.0",
+        "@sentry-internal/tracing": "7.85.0",
+        "@sentry/core": "7.85.0",
+        "@sentry/replay": "7.85.0",
+        "@sentry/types": "7.85.0",
+        "@sentry/utils": "7.85.0"
       },
       "engines": {
         "node": ">=8"
@@ -4352,25 +4366,25 @@
       }
     },
     "node_modules/@sentry/core": {
-      "version": "7.84.0",
-      "resolved": "https://registry.npmjs.org/@sentry/core/-/core-7.84.0.tgz",
-      "integrity": "sha512-tbuwunbBx2kSex15IHCqHDnrMfIlqPc6w/76fwkGqokz3oh9GSEGlLICwmBWL8AypWimUg13IDtFpD0TJTriWA==",
+      "version": "7.85.0",
+      "resolved": "https://registry.npmjs.org/@sentry/core/-/core-7.85.0.tgz",
+      "integrity": "sha512-DFDAc4tWmHN5IWhr7XbHCiyF1Xgb95jz8Uj/JTX9atlgodId1UIbER77qpEmH3eQGid/QBdqrlR98zCixgSbwg==",
       "dependencies": {
-        "@sentry/types": "7.84.0",
-        "@sentry/utils": "7.84.0"
+        "@sentry/types": "7.85.0",
+        "@sentry/utils": "7.85.0"
       },
       "engines": {
         "node": ">=8"
       }
     },
     "node_modules/@sentry/react": {
-      "version": "7.84.0",
-      "resolved": "https://registry.npmjs.org/@sentry/react/-/react-7.84.0.tgz",
-      "integrity": "sha512-VQZrEHwPKCYTSbRYXD2ohXcQg99G1Hgs8eevRUuRpdChmA2e3z/RvT00NlaSNNZrS86wPyKpAK6kickB/eSYrw==",
+      "version": "7.85.0",
+      "resolved": "https://registry.npmjs.org/@sentry/react/-/react-7.85.0.tgz",
+      "integrity": "sha512-digw63l1A9n+74rW8uiG575Xh3qWTkmvwgTfNRFvDokDRMqRTP0iQEqZRBrBEzMZ5JUa6s+5NLc1/dbMh1QQgA==",
       "dependencies": {
-        "@sentry/browser": "7.84.0",
-        "@sentry/types": "7.84.0",
-        "@sentry/utils": "7.84.0",
+        "@sentry/browser": "7.85.0",
+        "@sentry/types": "7.85.0",
+        "@sentry/utils": "7.85.0",
         "hoist-non-react-statics": "^3.3.2"
       },
       "engines": {
@@ -4381,44 +4395,44 @@
       }
     },
     "node_modules/@sentry/replay": {
-      "version": "7.84.0",
-      "resolved": "https://registry.npmjs.org/@sentry/replay/-/replay-7.84.0.tgz",
-      "integrity": "sha512-c4PxT0ZpvkR9zXNfmAk3ojkm6eZ9+NlDze09RFBOCNo69QwIN90hnvbjXFC1+vRIJsfgo78Zr0ya/Wzb3Rog7Q==",
+      "version": "7.85.0",
+      "resolved": "https://registry.npmjs.org/@sentry/replay/-/replay-7.85.0.tgz",
+      "integrity": "sha512-zVtTKfO+lu5qTwHpETI/oGo8hU3rdKHr3CdI1vRLw+d60PcAa/pWVlXsQeLRTw8PFwE358gHcpFZezj/11afew==",
       "dependencies": {
-        "@sentry-internal/tracing": "7.84.0",
-        "@sentry/core": "7.84.0",
-        "@sentry/types": "7.84.0",
-        "@sentry/utils": "7.84.0"
+        "@sentry-internal/tracing": "7.85.0",
+        "@sentry/core": "7.85.0",
+        "@sentry/types": "7.85.0",
+        "@sentry/utils": "7.85.0"
       },
       "engines": {
         "node": ">=12"
       }
     },
     "node_modules/@sentry/tracing": {
-      "version": "7.84.0",
-      "resolved": "https://registry.npmjs.org/@sentry/tracing/-/tracing-7.84.0.tgz",
-      "integrity": "sha512-NhBX28vUmCu/5avyGKX6B4UTm4MTOfbdg9ZzCnS7hPuWDfEAUIVHZVryi2q8bqp2DNGJvS9qIq/TSf39JIpdJg==",
+      "version": "7.85.0",
+      "resolved": "https://registry.npmjs.org/@sentry/tracing/-/tracing-7.85.0.tgz",
+      "integrity": "sha512-L3bpqiM+zu5f3o6zh6hx3xEzVENyhrkuMlpUOyDo0mUytqp763HqF1xz+R+trzze7R5VWrxJaRPARsCKlXu4Ig==",
       "dependencies": {
-        "@sentry-internal/tracing": "7.84.0"
+        "@sentry-internal/tracing": "7.85.0"
       },
       "engines": {
         "node": ">=8"
       }
     },
     "node_modules/@sentry/types": {
-      "version": "7.84.0",
-      "resolved": "https://registry.npmjs.org/@sentry/types/-/types-7.84.0.tgz",
-      "integrity": "sha512-VqGLIF3JOUrk7yIXjLXJvAORkZL1e3dDX0Q1okRehwyt/5CRE+mdUTeJZkBo9P9mBwgMyvtwklzOGGrzjb4eMA==",
+      "version": "7.85.0",
+      "resolved": "https://registry.npmjs.org/@sentry/types/-/types-7.85.0.tgz",
+      "integrity": "sha512-R5jR4XkK5tBU2jDiPdSVqzkmjYRr666bcGaFGUHB/xDQCjPsjk+pEmCCL+vpuWoaZmQJUE1hVU7rgnVX81w8zg==",
       "engines": {
         "node": ">=8"
       }
     },
     "node_modules/@sentry/utils": {
-      "version": "7.84.0",
-      "resolved": "https://registry.npmjs.org/@sentry/utils/-/utils-7.84.0.tgz",
-      "integrity": "sha512-qdUVuxnRBvaf05AU+28R+xYtZmi/Ymf8os3Njq9g4XuA+QEkZLbzmIpRK5W9Ja7vUtjOeg29Xgg43A8znde9LQ==",
+      "version": "7.85.0",
+      "resolved": "https://registry.npmjs.org/@sentry/utils/-/utils-7.85.0.tgz",
+      "integrity": "sha512-JZ7seNOLvhjAQ8GeB3GYknPQJkuhF88xAYOaESZP3xPOWBMFUN+IO4RqjMqMLFDniOwsVQS7GB/MfP+hxufieg==",
       "dependencies": {
-        "@sentry/types": "7.84.0"
+        "@sentry/types": "7.85.0"
       },
       "engines": {
         "node": ">=8"
@@ -13790,9 +13804,9 @@
       }
     },
     "node_modules/logrocket": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/logrocket/-/logrocket-3.0.1.tgz",
-      "integrity": "sha512-jOWG+jEzobKVxGytzZ+4KGm2kiMQMRTHab2uDWQyVZcHfEF38BlCH1yjQVY4LCmuQUwZitP9biMzJZnyUQ0dtQ=="
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/logrocket/-/logrocket-7.0.0.tgz",
+      "integrity": "sha512-IvM4RKYTAByljKTWCx/Q+58Nvt4Dmf/0PIHLfall3kqDtxiDSVKSzu3/bvGb3riHE/C7xY3wzLxy6v+Wui1NUQ=="
     },
     "node_modules/long": {
       "version": "5.2.3",
diff --git a/client/package.json b/client/package.json
index 26cb33d44..9260e98b8 100644
--- a/client/package.json
+++ b/client/package.json
@@ -9,8 +9,8 @@
     "@craco/craco": "^7.0.0",
     "@fingerprintjs/fingerprintjs": "^4.2.1",
     "@jsreport/browser-client": "^3.1.0",
-    "@sentry/react": "^7.40.0",
-    "@sentry/tracing": "^7.40.0",
+    "@sentry/react": "^7.85.0",
+    "@sentry/tracing": "^7.85.0",
     "@splitsoftware/splitio-react": "^1.8.1",
     "@tanem/react-nprogress": "^5.0.8",
     "antd": "^4.24.8",
@@ -29,7 +29,7 @@
     "jsoneditor": "^9.9.0",
     "jsreport-browser-client-dist": "^1.3.0",
     "libphonenumber-js": "^1.10.21",
-    "logrocket": "^3.0.1",
+    "logrocket": "^7.0.0",
     "markerjs2": "^2.28.1",
     "moment-business-days": "^1.2.0",
     "moment-timezone": "^0.5.41",
diff --git a/client/src/App/App.jsx b/client/src/App/App.jsx
index 618366db4..45886b5a0 100644
--- a/client/src/App/App.jsx
+++ b/client/src/App/App.jsx
@@ -1,4 +1,4 @@
-import { useClient } from "@splitsoftware/splitio-react";
+import { useSplitClient} from "@splitsoftware/splitio-react";
 import { Button, Result } from "antd";
 import LogRocket from "logrocket";
 import React, { lazy, Suspense, useEffect } from "react";
@@ -51,7 +51,7 @@ export function App({
   online,
   setOnline,
 }) {
-  const client = useClient();
+  const client = useSplitClient().client;
 
   useEffect(() => {
     if (!navigator.onLine) {
diff --git a/client/src/components/allocations-assignment/allocations-assignment.component.jsx b/client/src/components/allocations-assignment/allocations-assignment.component.jsx
index bc6273bdb..086a3f477 100644
--- a/client/src/components/allocations-assignment/allocations-assignment.component.jsx
+++ b/client/src/components/allocations-assignment/allocations-assignment.component.jsx
@@ -61,7 +61,7 @@ export function AllocationsAssignmentComponent({
   );
 
   return (
-    <Popover content={popContent} visible={visibility}>
+    <Popover content={popContent} open={visibility}>
       <Button onClick={() => setVisibility(true)}>
         {t("allocations.actions.assign")}
       </Button>
diff --git a/client/src/components/allocations-bulk-assignment/allocations-bulk-assignment.component.jsx b/client/src/components/allocations-bulk-assignment/allocations-bulk-assignment.component.jsx
index 9c0bef386..5638fa4b3 100644
--- a/client/src/components/allocations-bulk-assignment/allocations-bulk-assignment.component.jsx
+++ b/client/src/components/allocations-bulk-assignment/allocations-bulk-assignment.component.jsx
@@ -59,7 +59,7 @@ export default connect(
   );
 
   return (
-    <Popover content={popContent} visible={visibility}>
+    <Popover content={popContent} open={visibility}>
       <Button disabled={disabled} onClick={() => setVisibility(true)}>
         {t("allocations.actions.assign")}
       </Button>
diff --git a/client/src/components/bill-detail-edit/bill-detail-edit-component.jsx b/client/src/components/bill-detail-edit/bill-detail-edit-component.jsx
index e92bb175b..f92a4a349 100644
--- a/client/src/components/bill-detail-edit/bill-detail-edit-component.jsx
+++ b/client/src/components/bill-detail-edit/bill-detail-edit-component.jsx
@@ -178,7 +178,7 @@ export function BillDetailEditcontainer({
                 <BillDetailEditReturn data={data} />
 
                 <Popconfirm
-                  visible={visible}
+                  open={visible}
                   onConfirm={() => form.submit()}
                   onCancel={() => setVisible(false)}
                   okButtonProps={{ loading: updateLoading }}
diff --git a/client/src/components/bill-detail-edit/bill-detail-edit-return.component.jsx b/client/src/components/bill-detail-edit/bill-detail-edit-return.component.jsx
index 81571f8b0..986920caa 100644
--- a/client/src/components/bill-detail-edit/bill-detail-edit-return.component.jsx
+++ b/client/src/components/bill-detail-edit/bill-detail-edit-return.component.jsx
@@ -77,7 +77,7 @@ export function BillDetailEditReturn({
   return (
     <>
       <Modal
-        visible={visible}
+        open={visible}
         onCancel={() => setVisible(false)}
         destroyOnClose
         title={t("bills.actions.return")}
diff --git a/client/src/components/bill-detail-edit/bill-detail-edit.container.jsx b/client/src/components/bill-detail-edit/bill-detail-edit.container.jsx
index 4df0959c7..61c9b44f9 100644
--- a/client/src/components/bill-detail-edit/bill-detail-edit.container.jsx
+++ b/client/src/components/bill-detail-edit/bill-detail-edit.container.jsx
@@ -32,7 +32,7 @@ export default function BillDetailEditcontainer() {
         history.push({ search: queryString.stringify(search) });
       }}
       destroyOnClose
-      visible={search.billid}
+      open={search.billid}
     >
       <BillDetailEditComponent />
     </Drawer>
diff --git a/client/src/components/bill-enter-modal/bill-enter-modal.container.jsx b/client/src/components/bill-enter-modal/bill-enter-modal.container.jsx
index 617b9e603..55fe5ca0a 100644
--- a/client/src/components/bill-enter-modal/bill-enter-modal.container.jsx
+++ b/client/src/components/bill-enter-modal/bill-enter-modal.container.jsx
@@ -357,7 +357,7 @@ function BillEnterModalContainer({
     <Modal
       title={t("bills.labels.new")}
       width={"98%"}
-      visible={billEnterModal.visible}
+      open={billEnterModal.visible}
       okText={t("general.actions.save")}
       keyboard="false"
       onOk={() => form.submit()}
diff --git a/client/src/components/ca-bc-etf-table-modal/ca-bc-etf-table-modal.container.jsx b/client/src/components/ca-bc-etf-table-modal/ca-bc-etf-table-modal.container.jsx
index 872d2aec3..b0e07ac65 100644
--- a/client/src/components/ca-bc-etf-table-modal/ca-bc-etf-table-modal.container.jsx
+++ b/client/src/components/ca-bc-etf-table-modal/ca-bc-etf-table-modal.container.jsx
@@ -70,7 +70,7 @@ export function ContractsFindModalContainer({
 
   return (
     <Modal
-      visible={visible}
+      open={visible}
       width="70%"
       title={t("payments.labels.findermodal")}
       onCancel={() => toggleModalVisible()}
diff --git a/client/src/components/ca-bc-pvrt-calculator/ca-bc-pvrt-calculator.component.jsx b/client/src/components/ca-bc-pvrt-calculator/ca-bc-pvrt-calculator.component.jsx
index 0a1476ee5..cee256822 100644
--- a/client/src/components/ca-bc-pvrt-calculator/ca-bc-pvrt-calculator.component.jsx
+++ b/client/src/components/ca-bc-pvrt-calculator/ca-bc-pvrt-calculator.component.jsx
@@ -38,7 +38,7 @@ export default function CABCpvrtCalculator({ disabled, form }) {
     <Popover
       destroyTooltipOnHide
       content={popContent}
-      visible={visibility}
+      open={visibility}
       disabled={disabled}
     >
       <Button disabled={disabled} onClick={() => setVisibility(true)}>
diff --git a/client/src/components/chat-media-selector/chat-media-selector.component.jsx b/client/src/components/chat-media-selector/chat-media-selector.component.jsx
index eea2824de..5306aebb7 100644
--- a/client/src/components/chat-media-selector/chat-media-selector.component.jsx
+++ b/client/src/components/chat-media-selector/chat-media-selector.component.jsx
@@ -88,8 +88,8 @@ export function ChatMediaSelector({
       }
       title={t("messaging.labels.selectmedia")}
       trigger="click"
-      visible={visible}
-      onVisibleChange={handleVisibleChange}
+      open={visible}
+      onOpenChange={handleVisibleChange}
     >
       <Badge count={selectedMedia.filter((s) => s.isSelected).length}>
         <PictureFilled style={{ margin: "0 .5rem" }} />
diff --git a/client/src/components/contract-convert-to-ro/contract-convert-to-ro.component.jsx b/client/src/components/contract-convert-to-ro/contract-convert-to-ro.component.jsx
index eec385fca..7a6fff44a 100644
--- a/client/src/components/contract-convert-to-ro/contract-convert-to-ro.component.jsx
+++ b/client/src/components/contract-convert-to-ro/contract-convert-to-ro.component.jsx
@@ -390,7 +390,7 @@ export function ContractConvertToRo({
 
   return (
     <div>
-      <Popover content={popContent} visible={visible}>
+      <Popover content={popContent} open={visible}>
         <Button
           onClick={() => setVisible(true)}
           loading={loading}
diff --git a/client/src/components/contract-license-decode-button/contract-license-decode-button.component.jsx b/client/src/components/contract-license-decode-button/contract-license-decode-button.component.jsx
index 90e7fbaa4..fb635c783 100644
--- a/client/src/components/contract-license-decode-button/contract-license-decode-button.component.jsx
+++ b/client/src/components/contract-license-decode-button/contract-license-decode-button.component.jsx
@@ -55,7 +55,7 @@ export default function ContractLicenseDecodeButton({ form }) {
   return (
     <div>
       <Modal
-        visible={modalVisible}
+        open={modalVisible}
         okText={t("contracts.actions.senddltoform")}
         onOk={handleInsertForm}
         okButtonProps={{ disabled: !!!decodedBarcode }}
diff --git a/client/src/components/contracts-find-modal/contracts-find-modal.container.jsx b/client/src/components/contracts-find-modal/contracts-find-modal.container.jsx
index a450d5845..f04ab6db1 100644
--- a/client/src/components/contracts-find-modal/contracts-find-modal.container.jsx
+++ b/client/src/components/contracts-find-modal/contracts-find-modal.container.jsx
@@ -59,7 +59,7 @@ export function ContractsFindModalContainer({
 
   return (
     <Modal
-      visible={visible}
+      open={visible}
       width="70%"
       title={t("contracts.labels.findermodal")}
       onCancel={() => toggleModalVisible()}
diff --git a/client/src/components/courtesy-car-return-modal/courtesy-car-return-modal.container.jsx b/client/src/components/courtesy-car-return-modal/courtesy-car-return-modal.container.jsx
index a1fcff8b7..ed98c4575 100644
--- a/client/src/components/courtesy-car-return-modal/courtesy-car-return-modal.container.jsx
+++ b/client/src/components/courtesy-car-return-modal/courtesy-car-return-modal.container.jsx
@@ -64,7 +64,7 @@ export function CCReturnModalContainer({
   return (
     <Modal
       title={t("courtesycars.labels.return")}
-      visible={visible}
+      open={visible}
       onCancel={() => toggleModalVisible()}
       width={"90%"}
       okText={t("general.actions.save")}
diff --git a/client/src/components/dms-cdk-makes/dms-cdk-makes.component.jsx b/client/src/components/dms-cdk-makes/dms-cdk-makes.component.jsx
index 262d1720c..8913ef8f7 100644
--- a/client/src/components/dms-cdk-makes/dms-cdk-makes.component.jsx
+++ b/client/src/components/dms-cdk-makes/dms-cdk-makes.component.jsx
@@ -51,7 +51,7 @@ export function DmsCdkVehicles({ bodyshop, form, socket, job }) {
     <>
       <Modal
         width={"90%"}
-        visible={visible}
+        open={visible}
         onCancel={() => setVisible(false)}
         onOk={() => {
           form.setFieldsValue({
diff --git a/client/src/components/document-editor/document-editor.component.jsx b/client/src/components/document-editor/document-editor.component.jsx
index ab2733c13..5a761e70b 100644
--- a/client/src/components/document-editor/document-editor.component.jsx
+++ b/client/src/components/document-editor/document-editor.component.jsx
@@ -60,9 +60,9 @@ export function DocumentEditorComponent({ currentUser, bodyshop, document }) {
       markerArea.current = new markerjs2.MarkerArea(imgRef.current);
 
       // attach an event handler to assign annotated image back to our image element
-      markerArea.current.addCloseEventListener((closeEvent) => {});
-
-      markerArea.current.addRenderEventListener((dataUrl) => {
+      markerArea.current.addEventListener("close", (closeEvent) => {});
+      
+      markerArea.current.addEventListener("render", (dataUrl) => {
         imgRef.current.src = dataUrl;
         markerArea.current.close();
         triggerUpload(dataUrl);
diff --git a/client/src/components/email-overlay/email-overlay.container.jsx b/client/src/components/email-overlay/email-overlay.container.jsx
index 706fa6211..797344104 100644
--- a/client/src/components/email-overlay/email-overlay.container.jsx
+++ b/client/src/components/email-overlay/email-overlay.container.jsx
@@ -174,7 +174,7 @@ export function EmailOverlayContainer({
   return (
     <Modal
       destroyOnClose={true}
-      visible={modalVisible}
+      open={modalVisible}
       maskClosable={false}
       width={"80%"}
       onOk={() => form.submit()}
diff --git a/client/src/components/form-input-number-calculator/form-input-number-calculator.component.jsx b/client/src/components/form-input-number-calculator/form-input-number-calculator.component.jsx
index 5f34a43b1..36f879a6f 100644
--- a/client/src/components/form-input-number-calculator/form-input-number-calculator.component.jsx
+++ b/client/src/components/form-input-number-calculator/form-input-number-calculator.component.jsx
@@ -94,7 +94,7 @@ const FormInputNUmberCalculator = (
 
   return (
     <div>
-      <Popover content={popContent} visible={history.length > 0}>
+      <Popover content={popContent} open={history.length > 0}>
         <InputNumber
           ref={ref}
           value={value}
diff --git a/client/src/components/inventory-upsert-modal/inventory-upsert-modal.container.jsx b/client/src/components/inventory-upsert-modal/inventory-upsert-modal.container.jsx
index 715131b02..ea41970e3 100644
--- a/client/src/components/inventory-upsert-modal/inventory-upsert-modal.container.jsx
+++ b/client/src/components/inventory-upsert-modal/inventory-upsert-modal.container.jsx
@@ -103,7 +103,7 @@ export function InventoryUpsertModalContainer({
           ? t("inventory.actions.edit")
           : t("inventory.actions.new")
       }
-      visible={visible}
+      open={visible}
       okText={t("general.actions.save")}
       onOk={() => {
         form.submit();
diff --git a/client/src/components/job-3rd-party-modal/job-3rd-party-modal.component.jsx b/client/src/components/job-3rd-party-modal/job-3rd-party-modal.component.jsx
index b0657d270..b03e9c195 100644
--- a/client/src/components/job-3rd-party-modal/job-3rd-party-modal.component.jsx
+++ b/client/src/components/job-3rd-party-modal/job-3rd-party-modal.component.jsx
@@ -98,7 +98,7 @@ export function Jobd3RdPartyModal({ bodyshop, jobId, job, technician }) {
   return (
     <>
       <Button onClick={showModal}>{t("printcenter.jobs.3rdpartypayer")}</Button>
-      <Modal visible={isModalVisible} onOk={handleOk} onCancel={handleCancel}>
+      <Modal open={isModalVisible} onOk={handleOk} onCancel={handleCancel}>
         <Form
           onFinish={handleFinish}
           autoComplete={"off"}
diff --git a/client/src/components/job-at-change/schedule-event.component.jsx b/client/src/components/job-at-change/schedule-event.component.jsx
index 61739c9b1..f5d456165 100644
--- a/client/src/components/job-at-change/schedule-event.component.jsx
+++ b/client/src/components/job-at-change/schedule-event.component.jsx
@@ -369,8 +369,8 @@ export function ScheduleEventComponent({
 
   return (
     <Popover
-      visible={visible}
-      onVisibleChange={(vis) => !event.vacation && setVisible(vis)}
+      open={visible}
+      onOpenChange={(vis) => !event.vacation && setVisible(vis)}
       trigger="click"
       content={event.block ? blockContent : popoverContent}
       style={{
diff --git a/client/src/components/job-costing-modal/job-costing-modal.container.jsx b/client/src/components/job-costing-modal/job-costing-modal.container.jsx
index fd15d6345..c3c49a4be 100644
--- a/client/src/components/job-costing-modal/job-costing-modal.container.jsx
+++ b/client/src/components/job-costing-modal/job-costing-modal.container.jsx
@@ -39,7 +39,7 @@ export function JobCostingModalContainer({
 
   return (
     <Modal
-      visible={visible}
+      open={visible}
       title={t("jobs.labels.jobcosting")}
       onOk={() => {
         toggleModalVisible();
diff --git a/client/src/components/job-detail-cards/job-detail-cards.component.jsx b/client/src/components/job-detail-cards/job-detail-cards.component.jsx
index 1dc6f0ad5..a14917af0 100644
--- a/client/src/components/job-detail-cards/job-detail-cards.component.jsx
+++ b/client/src/components/job-detail-cards/job-detail-cards.component.jsx
@@ -76,7 +76,7 @@ export function JobDetailCards({ bodyshop, setPrintCenterContext }) {
 
   return (
     <Drawer
-      visible={!!selected}
+      open={!!selected}
       destroyOnClose
       width={drawerPercentage}
       placement="right"
diff --git a/client/src/components/job-employee-assignments/job-employee-assignments.component.jsx b/client/src/components/job-employee-assignments/job-employee-assignments.component.jsx
index 6cfdc8307..fea3fb342 100644
--- a/client/src/components/job-employee-assignments/job-employee-assignments.component.jsx
+++ b/client/src/components/job-employee-assignments/job-employee-assignments.component.jsx
@@ -87,7 +87,7 @@ export function JobEmployeeAssignments({
   );
 
   return (
-    <Popover destroyTooltipOnHide content={popContent} visible={visibility}>
+    <Popover destroyTooltipOnHide content={popContent} open={visibility}>
       <Spin spinning={loading}>
         <DataLabel label={t("jobs.fields.employee_body")}>
           {body ? (
diff --git a/client/src/components/job-line-convert-to-labor/job-line-convert-to-labor.component.jsx b/client/src/components/job-line-convert-to-labor/job-line-convert-to-labor.component.jsx
index dea8e5dcc..e887fd646 100644
--- a/client/src/components/job-line-convert-to-labor/job-line-convert-to-labor.component.jsx
+++ b/client/src/components/job-line-convert-to-labor/job-line-convert-to-labor.component.jsx
@@ -225,7 +225,7 @@ export function JobLineConvertToLabor({
         <Popover
           disabled={jobline.convertedtolbr}
           content={overlay}
-          visible={visibility}
+          open={visibility}
           placement="bottom"
         >
           <Tooltip title={t("joblines.actions.converttolabor")}>
diff --git a/client/src/components/job-lines-upsert-modal/job-lines-upsert-modal.component.jsx b/client/src/components/job-lines-upsert-modal/job-lines-upsert-modal.component.jsx
index fdf5207db..ef5449c22 100644
--- a/client/src/components/job-lines-upsert-modal/job-lines-upsert-modal.component.jsx
+++ b/client/src/components/job-lines-upsert-modal/job-lines-upsert-modal.component.jsx
@@ -54,7 +54,7 @@ export function JobLinesUpsertModalComponent({
           : t("joblines.labels.new")
       }
       forceRender
-      visible={visible}
+      open={visible}
       width="60%"
       okText={t("general.actions.save")}
       onOk={() => form.submit()}
diff --git a/client/src/components/job-reconciliation-modal/job-reconciliation.modal.container.jsx b/client/src/components/job-reconciliation-modal/job-reconciliation.modal.container.jsx
index eb615800c..a7f077ed2 100644
--- a/client/src/components/job-reconciliation-modal/job-reconciliation.modal.container.jsx
+++ b/client/src/components/job-reconciliation-modal/job-reconciliation.modal.container.jsx
@@ -42,7 +42,7 @@ function JobReconciliationModalContainer({
     <Modal
       title={t("jobs.labels.reconciliationheader")}
       width={"95%"}
-      visible={visible}
+      open={visible}
       okText={t("general.actions.close")}
       onOk={handleCancel}
       onCancel={handleCancel}
diff --git a/client/src/components/job-scoreboard-add-button/job-scoreboard-add-button.component.jsx b/client/src/components/job-scoreboard-add-button/job-scoreboard-add-button.component.jsx
index 0e1343438..c426e2c1a 100644
--- a/client/src/components/job-scoreboard-add-button/job-scoreboard-add-button.component.jsx
+++ b/client/src/components/job-scoreboard-add-button/job-scoreboard-add-button.component.jsx
@@ -186,7 +186,7 @@ export default function ScoreboardAddButton({
   };
 
   return (
-    <Popover content={overlay} visible={visibility} placement="bottom">
+    <Popover content={overlay} open={visibility} placement="bottom">
       <Button
         loading={loading}
         disabled={disabled}
diff --git a/client/src/components/jobs-convert-button/jobs-convert-button.component.jsx b/client/src/components/jobs-convert-button/jobs-convert-button.component.jsx
index 543ad36ca..714b85fff 100644
--- a/client/src/components/jobs-convert-button/jobs-convert-button.component.jsx
+++ b/client/src/components/jobs-convert-button/jobs-convert-button.component.jsx
@@ -257,7 +257,7 @@ export function JobsConvertButton({
   if (job.converted) return <></>;
 
   return (
-    <Popover visible={visible} content={popMenu}>
+    <Popover open={visible} content={popMenu}>
       <Button
         key="convert"
         type="danger"
diff --git a/client/src/components/jobs-detail-header-actions/jobs-detail-header-actions.addevent.jsx b/client/src/components/jobs-detail-header-actions/jobs-detail-header-actions.addevent.jsx
index 0c7ad08dc..f157df24e 100644
--- a/client/src/components/jobs-detail-header-actions/jobs-detail-header-actions.addevent.jsx
+++ b/client/src/components/jobs-detail-header-actions/jobs-detail-header-actions.addevent.jsx
@@ -154,7 +154,7 @@ export function JobsDetailHeaderAddEvent({ bodyshop, jobid, ...props }) {
   };
 
   return (
-    <Popover content={overlay} visible={visibility}>
+    <Popover content={overlay} open={visibility}>
       <Menu.Item {...props} onClick={handleClick}>
         {t("appointments.labels.manualevent")}
       </Menu.Item>
diff --git a/client/src/components/jobs-documents-gallery/jobs-document-gallery.reassign.component.jsx b/client/src/components/jobs-documents-gallery/jobs-document-gallery.reassign.component.jsx
index 18be6fb62..daaeb70a9 100644
--- a/client/src/components/jobs-documents-gallery/jobs-document-gallery.reassign.component.jsx
+++ b/client/src/components/jobs-documents-gallery/jobs-document-gallery.reassign.component.jsx
@@ -159,7 +159,7 @@ export function JobsDocumentsGalleryReassign({
   );
 
   return (
-    <Popover content={popContent} visible={visible}>
+    <Popover content={popContent} open={visible}>
       <Button
         disabled={selectedImages.length < 1}
         onClick={() => setVisible(true)}
diff --git a/client/src/components/jobs-documents-local-gallery/jobs-documents-local-gallery.reassign.component.jsx b/client/src/components/jobs-documents-local-gallery/jobs-documents-local-gallery.reassign.component.jsx
index 74c5a52b9..550be2b87 100644
--- a/client/src/components/jobs-documents-local-gallery/jobs-documents-local-gallery.reassign.component.jsx
+++ b/client/src/components/jobs-documents-local-gallery/jobs-documents-local-gallery.reassign.component.jsx
@@ -83,7 +83,7 @@ export function JobsDocumentsLocalGalleryReassign({
   );
 
   return (
-    <Popover content={popContent} visible={visible}>
+    <Popover content={popContent} open={visible}>
       <Button
         //disabled={selectedImages.length < 1}
         onClick={() => setVisible(true)}
diff --git a/client/src/components/labor-allocations-adjustment-edit/labor-allocations-adjustment-edit.component.jsx b/client/src/components/labor-allocations-adjustment-edit/labor-allocations-adjustment-edit.component.jsx
index 5d5a56d2c..6e7fa7d62 100644
--- a/client/src/components/labor-allocations-adjustment-edit/labor-allocations-adjustment-edit.component.jsx
+++ b/client/src/components/labor-allocations-adjustment-edit/labor-allocations-adjustment-edit.component.jsx
@@ -171,8 +171,8 @@ export function LaborAllocationsAdjustmentEdit({
 
   return (
     <Popover
-      visible={visible}
-      onVisibleChange={(vis) => setVisible(vis)}
+      open={visible}
+      onOpenChange={(vis) => setVisible(vis)}
       content={overlay}
       trigger="click"
     >
diff --git a/client/src/components/note-upsert-modal/note-upsert-modal.container.jsx b/client/src/components/note-upsert-modal/note-upsert-modal.container.jsx
index f925b7100..bd9fd8aff 100644
--- a/client/src/components/note-upsert-modal/note-upsert-modal.container.jsx
+++ b/client/src/components/note-upsert-modal/note-upsert-modal.container.jsx
@@ -122,7 +122,7 @@ export function NoteUpsertModalContainer({
   return (
     <Modal
       title={existingNote ? t("notes.actions.edit") : t("notes.actions.new")}
-      visible={visible}
+      open={visible}
       okText={t("general.actions.save")}
       onOk={() => {
         form.submit();
diff --git a/client/src/components/parts-order-backorder-eta/parts-order-backorder-eta.component.jsx b/client/src/components/parts-order-backorder-eta/parts-order-backorder-eta.component.jsx
index 57df2ef7a..d04d4acd4 100644
--- a/client/src/components/parts-order-backorder-eta/parts-order-backorder-eta.component.jsx
+++ b/client/src/components/parts-order-backorder-eta/parts-order-backorder-eta.component.jsx
@@ -76,7 +76,7 @@ export function PartsOrderBackorderEta({
     <Popover
       destroyTooltipOnHide
       content={popContent}
-      visible={visibility}
+      open={visibility}
       disabled={disabled}
     >
       <DateFormatter>{backordered_eta}</DateFormatter>
diff --git a/client/src/components/parts-order-line-backorder-button/parts-order-line-backorder-button.component.jsx b/client/src/components/parts-order-line-backorder-button/parts-order-line-backorder-button.component.jsx
index bd9b822f3..3c3a1b12e 100644
--- a/client/src/components/parts-order-line-backorder-button/parts-order-line-backorder-button.component.jsx
+++ b/client/src/components/parts-order-line-backorder-button/parts-order-line-backorder-button.component.jsx
@@ -92,7 +92,7 @@ export function PartsOrderLineBackorderButton({
     <Popover
       destroyTooltipOnHide
       content={popContent}
-      visible={visibility}
+      open={visibility}
       disabled={disabled}
     >
       <Button loading={loading} onClick={handlePopover}>
diff --git a/client/src/components/parts-order-list-table/parts-order-list-table.component.jsx b/client/src/components/parts-order-list-table/parts-order-list-table.component.jsx
index e27d6ee4f..cafb95e7d 100644
--- a/client/src/components/parts-order-list-table/parts-order-list-table.component.jsx
+++ b/client/src/components/parts-order-list-table/parts-order-list-table.component.jsx
@@ -473,7 +473,7 @@ export function PartsOrderListTableComponent({
       <Drawer
         placement="right"
         onClose={() => handleOnRowClick(null)}
-        visible={selectedpartsorder}
+        open={selectedpartsorder}
         closable
         width={drawerPercentage}
       >
diff --git a/client/src/components/parts-order-modal/parts-order-modal.container.jsx b/client/src/components/parts-order-modal/parts-order-modal.container.jsx
index 0f30012a3..464064773 100644
--- a/client/src/components/parts-order-modal/parts-order-modal.container.jsx
+++ b/client/src/components/parts-order-modal/parts-order-modal.container.jsx
@@ -350,7 +350,7 @@ export function PartsOrderModalContainer({
 
   return (
     <Modal
-      visible={visible}
+      open={visible}
       title={
         isReturn
           ? `${t("parts_orders.labels.returnpartsorder")} ${invoiceNumber}`
diff --git a/client/src/components/parts-receive-modal/parts-receive-modal.container.jsx b/client/src/components/parts-receive-modal/parts-receive-modal.container.jsx
index 9694bcf49..6ef36c0d1 100644
--- a/client/src/components/parts-receive-modal/parts-receive-modal.container.jsx
+++ b/client/src/components/parts-receive-modal/parts-receive-modal.container.jsx
@@ -92,7 +92,7 @@ export function PartsReceiveModalContainer({
 
   return (
     <Modal
-      visible={visible}
+      open={visible}
       title={t("parts_orders.labels.receive")}
       onCancel={() => toggleModalVisible()}
       onOk={() => form.submit()}
diff --git a/client/src/components/payable-mark-selected-exported/payable-mark-selected-exported.component.jsx b/client/src/components/payable-mark-selected-exported/payable-mark-selected-exported.component.jsx
index 4058d042c..bca3d87b3 100644
--- a/client/src/components/payable-mark-selected-exported/payable-mark-selected-exported.component.jsx
+++ b/client/src/components/payable-mark-selected-exported/payable-mark-selected-exported.component.jsx
@@ -90,7 +90,7 @@ export function BillMarkSelectedExported({
 
   return (
     <Popconfirm
-      visible={visible}
+      open={visible}
       title={t("general.labels.areyousure")}
       onCancel={() => setVisible(false)}
       onConfirm={handleUpdate}
diff --git a/client/src/components/payment-mark-selected-exported/payment-mark-selected-exported.component.jsx b/client/src/components/payment-mark-selected-exported/payment-mark-selected-exported.component.jsx
index 8b8fbc4ee..500b9b0e6 100644
--- a/client/src/components/payment-mark-selected-exported/payment-mark-selected-exported.component.jsx
+++ b/client/src/components/payment-mark-selected-exported/payment-mark-selected-exported.component.jsx
@@ -93,7 +93,7 @@ export function PaymentMarkSelectedExported({
 
   return (
     <Popconfirm
-      visible={visible}
+      open={visible}
       title={t("general.labels.areyousure")}
       onCancel={() => setVisible(false)}
       onConfirm={handleUpdate}
diff --git a/client/src/components/payment-modal/payment-modal.container.jsx b/client/src/components/payment-modal/payment-modal.container.jsx
index 650a4857c..d7fb3df60 100644
--- a/client/src/components/payment-modal/payment-modal.container.jsx
+++ b/client/src/components/payment-modal/payment-modal.container.jsx
@@ -148,7 +148,7 @@ function PaymentModalContainer({
           ? t("payments.labels.new")
           : t("payments.labels.edit")
       }
-      visible={visible}
+      open={visible}
       destroyOnClose
       okText={t("general.actions.save")}
       onOk={() => form.submit()}
diff --git a/client/src/components/payments-generate-link/payments-generate-link.component.jsx b/client/src/components/payments-generate-link/payments-generate-link.component.jsx
index 93d6aa500..62f72fbc9 100644
--- a/client/src/components/payments-generate-link/payments-generate-link.component.jsx
+++ b/client/src/components/payments-generate-link/payments-generate-link.component.jsx
@@ -147,7 +147,7 @@ export function PaymentsGenerateLink({
   );
 
   return (
-    <Popover content={popContent} visible={visible}>
+    <Popover content={popContent} open={visible}>
       <Button onClick={() => setVisible(true)} loading={loading}>
         {t("payments.actions.generatepaymentlink")}
       </Button>
diff --git a/client/src/components/print-center-jobs-labels/print-center-jobs-labels.component.jsx b/client/src/components/print-center-jobs-labels/print-center-jobs-labels.component.jsx
index 5bd0f15e5..5412884b9 100644
--- a/client/src/components/print-center-jobs-labels/print-center-jobs-labels.component.jsx
+++ b/client/src/components/print-center-jobs-labels/print-center-jobs-labels.component.jsx
@@ -123,7 +123,7 @@ export function PrintCenterJobsLabels({ bodyshop, jobId }) {
     </Card>
   );
   return (
-    <Popover content={content} visible={isModalVisible}>
+    <Popover content={content} open={isModalVisible}>
       <Button onClick={() => setIsModalVisible(true)}>
         {t("printcenter.jobs.labels.labels")}
       </Button>
diff --git a/client/src/components/print-center-modal/print-center-modal.container.jsx b/client/src/components/print-center-modal/print-center-modal.container.jsx
index 37dba6614..ba8dc18b0 100644
--- a/client/src/components/print-center-modal/print-center-modal.container.jsx
+++ b/client/src/components/print-center-modal/print-center-modal.container.jsx
@@ -28,7 +28,7 @@ export function PrintCenterModalContainer({
 
   return (
     <Modal
-      visible={visible}
+      open={visible}
       onOk={() => toggleModalVisible()}
       onCancel={() => toggleModalVisible()}
       cancelButtonProps={{ style: { display: "none" } }}
diff --git a/client/src/components/production-board-kanban/production-board-kanban.card-settings.component.jsx b/client/src/components/production-board-kanban/production-board-kanban.card-settings.component.jsx
index 6a58af07b..f3d79fce7 100644
--- a/client/src/components/production-board-kanban/production-board-kanban.card-settings.component.jsx
+++ b/client/src/components/production-board-kanban/production-board-kanban.card-settings.component.jsx
@@ -173,7 +173,7 @@ export default function ProductionBoardKanbanCardSettings({
     </div>
   );
   return (
-    <Popover content={overlay} visible={visible} placement="topRight">
+    <Popover content={overlay} open={visible} placement="topRight">
       <Button loading={loading} onClick={() => setVisible(true)}>
         {t("production.labels.cardsettings")}
       </Button>
diff --git a/client/src/components/production-list-columns/production-list-columns.comment.component.jsx b/client/src/components/production-list-columns/production-list-columns.comment.component.jsx
index d66f72c75..4ab1b73d3 100644
--- a/client/src/components/production-list-columns/production-list-columns.comment.component.jsx
+++ b/client/src/components/production-list-columns/production-list-columns.comment.component.jsx
@@ -41,8 +41,8 @@ export default function ProductionListColumnComment({ record }) {
 
   return (
     <Popover
-      onVisibleChange={handleVisibleChange}
-      visible={visible}
+      onOpenChange={handleVisibleChange}
+      open={visible}
       content={
         <div style={{ width: "30em" }}>
           <Input.TextArea
diff --git a/client/src/components/production-list-columns/production-list-columns.date.component.jsx b/client/src/components/production-list-columns/production-list-columns.date.component.jsx
index 06a5c04d3..43647d75a 100644
--- a/client/src/components/production-list-columns/production-list-columns.date.component.jsx
+++ b/client/src/components/production-list-columns/production-list-columns.date.component.jsx
@@ -59,8 +59,8 @@ export default function ProductionListDate({
   return (
     <Dropdown
       trigger={["click"]}
-      onVisibleChange={(v) => setVisible(v)}
-      visible={visible}
+      onOpenChange={(v) => setVisible(v)}
+      open={visible}
       style={{
         height: "19px",
       }}
diff --git a/client/src/components/production-list-columns/production-list-columns.empassignment.component.jsx b/client/src/components/production-list-columns/production-list-columns.empassignment.component.jsx
index e2ed28896..72e4f5359 100644
--- a/client/src/components/production-list-columns/production-list-columns.empassignment.component.jsx
+++ b/client/src/components/production-list-columns/production-list-columns.empassignment.component.jsx
@@ -153,7 +153,7 @@ export function ProductionListEmpAssignment({
     theEmployee = bodyshop.employees.find((e) => e.id === record[type]);
 
   return (
-    <Popover destroyTooltipOnHide content={popContent} visible={visibility}>
+    <Popover destroyTooltipOnHide content={popContent} open={visibility}>
       <Spin spinning={loading}>
         {record[type] ? (
           <div>
diff --git a/client/src/components/production-list-columns/production-list-columns.lastcontacted.component.jsx b/client/src/components/production-list-columns/production-list-columns.lastcontacted.component.jsx
index 95532e0a3..6f4bd5668 100644
--- a/client/src/components/production-list-columns/production-list-columns.lastcontacted.component.jsx
+++ b/client/src/components/production-list-columns/production-list-columns.lastcontacted.component.jsx
@@ -93,7 +93,7 @@ export function ProductionLastContacted({ currentUser, record }) {
     <div>
       <Dropdown
         //trigger={["click"]}
-        visible={visible}
+        open={visible}
         style={{
           height: "19px",
         }}
diff --git a/client/src/components/production-list-columns/production-list-columns.productionnote.component.jsx b/client/src/components/production-list-columns/production-list-columns.productionnote.component.jsx
index ff823bc3d..37ee1499b 100644
--- a/client/src/components/production-list-columns/production-list-columns.productionnote.component.jsx
+++ b/client/src/components/production-list-columns/production-list-columns.productionnote.component.jsx
@@ -60,8 +60,8 @@ function ProductionListColumnProductionNote({ record, setNoteUpsertContext }) {
 
   return (
     <Popover
-      onVisibleChange={handleVisibleChange}
-      visible={visible}
+      onOpenChange={handleVisibleChange}
+      open={visible}
       content={
         <div style={{ width: "30em" }}>
           <Input.TextArea
diff --git a/client/src/components/production-list-detail/production-list-detail.component.jsx b/client/src/components/production-list-detail/production-list-detail.component.jsx
index 170b31b46..00466b7f3 100644
--- a/client/src/components/production-list-detail/production-list-detail.component.jsx
+++ b/client/src/components/production-list-detail/production-list-detail.component.jsx
@@ -97,7 +97,7 @@ export function ProductionListDetail({
       placement="right"
       width={"33%"}
       onClose={handleClose}
-      visible={selected}
+      open={selected}
     >
       {loading && <LoadingSkeleton />}
       {error && <AlertComponent error={JSON.stringify(error)} />}
diff --git a/client/src/components/production-list-save-config-button/production-list-save-config-button.component.jsx b/client/src/components/production-list-save-config-button/production-list-save-config-button.component.jsx
index 246177367..6db861329 100644
--- a/client/src/components/production-list-save-config-button/production-list-save-config-button.component.jsx
+++ b/client/src/components/production-list-save-config-button/production-list-save-config-button.component.jsx
@@ -88,7 +88,7 @@ export function ProductionListSaveConfigButton({
   );
 
   return (
-    <Popover visible={visible} content={popMenu}>
+    <Popover open={visible} content={popMenu}>
       <Button loading={loading} onClick={() => setVisible(true)}>
         {t("production.actions.saveconfig")}
       </Button>
diff --git a/client/src/components/report-center-modal/report-center-modal.container.jsx b/client/src/components/report-center-modal/report-center-modal.container.jsx
index f0d361785..7282a2e90 100644
--- a/client/src/components/report-center-modal/report-center-modal.container.jsx
+++ b/client/src/components/report-center-modal/report-center-modal.container.jsx
@@ -25,7 +25,7 @@ export function ReportCenterModalContainer({
 
   return (
     <Modal
-      visible={visible}
+      open={visible}
       title={t("printcenter.labels.reportcentermodal")}
       onOk={() => toggleModalVisible()}
       onCancel={() => toggleModalVisible()}
diff --git a/client/src/components/schedule-job-modal/schedule-job-modal.container.jsx b/client/src/components/schedule-job-modal/schedule-job-modal.container.jsx
index 19c360a21..3df5cf555 100644
--- a/client/src/components/schedule-job-modal/schedule-job-modal.container.jsx
+++ b/client/src/components/schedule-job-modal/schedule-job-modal.container.jsx
@@ -207,7 +207,7 @@ export function ScheduleJobModalContainer({
 
   return (
     <Modal
-      visible={visible}
+      open={visible}
       onCancel={() => toggleModalVisible()}
       onOk={() => form.submit()}
       width={"90%"}
diff --git a/client/src/components/schedule-manual-event/schedule-manual-event.component.jsx b/client/src/components/schedule-manual-event/schedule-manual-event.component.jsx
index ffba05c31..c0b7ba54b 100644
--- a/client/src/components/schedule-manual-event/schedule-manual-event.component.jsx
+++ b/client/src/components/schedule-manual-event/schedule-manual-event.component.jsx
@@ -155,7 +155,7 @@ export function ScheduleManualEvent({ bodyshop, event }) {
   };
 
   return (
-    <Popover content={overlay} visible={visibility}>
+    <Popover content={overlay} open={visibility}>
       <Button loading={loading} onClick={handleClick}>
         {event
           ? t("appointments.actions.reschedule")
diff --git a/client/src/components/scoreboard-entry-edit/scoreboard-entry-edit.component.jsx b/client/src/components/scoreboard-entry-edit/scoreboard-entry-edit.component.jsx
index a8488e9dd..abc6e4a7c 100644
--- a/client/src/components/scoreboard-entry-edit/scoreboard-entry-edit.component.jsx
+++ b/client/src/components/scoreboard-entry-edit/scoreboard-entry-edit.component.jsx
@@ -90,7 +90,7 @@ export default function ScoreboardEntryEdit({ entry }) {
 
   return (
     <div>
-      <Dropdown visible={visible} overlay={popContent}>
+      <Dropdown open={visible} overlay={popContent}>
         <Button
           onClick={(e) => {
             e.stopPropagation();
diff --git a/client/src/components/scoreboard-jobs-list/scoreboard-jobs-list.component.jsx b/client/src/components/scoreboard-jobs-list/scoreboard-jobs-list.component.jsx
index 6b1c13ca3..e3c37fc60 100644
--- a/client/src/components/scoreboard-jobs-list/scoreboard-jobs-list.component.jsx
+++ b/client/src/components/scoreboard-jobs-list/scoreboard-jobs-list.component.jsx
@@ -101,7 +101,7 @@ export default function ScoreboardJobsList({ scoreBoardlist }) {
   return (
     <>
       <Modal
-        visible={state.visible}
+        open={state.visible}
         destroyOnClose
         width="80%"
         cancelButtonProps={{ style: { display: "none" } }}
diff --git a/client/src/components/shop-employees/shop-employees-add-vacation.component.jsx b/client/src/components/shop-employees/shop-employees-add-vacation.component.jsx
index d1bffeb91..01d115f6a 100644
--- a/client/src/components/shop-employees/shop-employees-add-vacation.component.jsx
+++ b/client/src/components/shop-employees/shop-employees-add-vacation.component.jsx
@@ -112,7 +112,7 @@ export default function ShopEmployeeAddVacation({ employee }) {
   };
 
   return (
-    <Popover content={overlay} visible={visibility}>
+    <Popover content={overlay} open={visibility}>
       <Button
         loading={loading}
         disabled={!employee?.active}
diff --git a/client/src/components/shop-templates-list/shop-templates-list.container.jsx b/client/src/components/shop-templates-list/shop-templates-list.container.jsx
index 3b6331906..8f0868796 100644
--- a/client/src/components/shop-templates-list/shop-templates-list.container.jsx
+++ b/client/src/components/shop-templates-list/shop-templates-list.container.jsx
@@ -38,7 +38,7 @@ export default function ShopTemplatesListContainer({ visibleState }) {
     <Drawer
       placement="left"
       width="25%"
-      visible={visible}
+      open={visible}
       onClose={() => setVisible(false)}
     >
       <div>
diff --git a/client/src/components/tech-job-print-tickets/tech-job-print-tickets.component.jsx b/client/src/components/tech-job-print-tickets/tech-job-print-tickets.component.jsx
index b96a1d062..2378048e3 100644
--- a/client/src/components/tech-job-print-tickets/tech-job-print-tickets.component.jsx
+++ b/client/src/components/tech-job-print-tickets/tech-job-print-tickets.component.jsx
@@ -138,7 +138,7 @@ export function TechJobPrintTickets({ technician, event, attendacePrint }) {
   };
 
   return (
-    <Popover content={overlay} visible={visibility}>
+    <Popover content={overlay} open={visibility}>
       <Button loading={loading} onClick={handleClick}>
         {t("general.labels.reports")}
       </Button>
diff --git a/client/src/components/tech-lookup-jobs-drawer/tech-lookup-jobs-drawer.component.jsx b/client/src/components/tech-lookup-jobs-drawer/tech-lookup-jobs-drawer.component.jsx
index 02e62d274..233593590 100644
--- a/client/src/components/tech-lookup-jobs-drawer/tech-lookup-jobs-drawer.component.jsx
+++ b/client/src/components/tech-lookup-jobs-drawer/tech-lookup-jobs-drawer.component.jsx
@@ -73,7 +73,7 @@ export function TechLookupJobsDrawer({ bodyshop, setPrintCenterContext }) {
 
   return (
     <Drawer
-      visible={!!selected}
+      open={!!selected}
       destroyOnClose
       width={drawerPercentage}
       placement="right"
diff --git a/client/src/components/time-ticket-modal/time-ticket-modal.container.jsx b/client/src/components/time-ticket-modal/time-ticket-modal.container.jsx
index 3ca8c1f24..29a9ad01c 100644
--- a/client/src/components/time-ticket-modal/time-ticket-modal.container.jsx
+++ b/client/src/components/time-ticket-modal/time-ticket-modal.container.jsx
@@ -168,7 +168,7 @@ export function TimeTicketModalContainer({
           : t("timetickets.labels.new")
       }
       width={"90%"}
-      visible={timeTicketModal.visible}
+      open={timeTicketModal.visible}
       forceRender
       onCancel={handleCancel}
       afterClose={() => form.resetFields()}