Antd 4.24.x compatibility updates => Menu fixes.

client/src/components/jobs-change-status/jobs-change-status.component.jsx

@@ -81,29 +81,30 @@ export function JobsChangeStatus({ job, bodyshop, jobRO, insertAuditTrail }) {
     }
   }, [job, setAvailableStatuses, bodyshop]);
 
-  const statusmenu = (
-    <Menu
-      onClick={(e) => {
-        updateJobStatus(e.key);
-      }}
-    >
-      {availableStatuses.map((item) => (
-        <Menu.Item key={item}>{item}</Menu.Item>
-      ))}
-      {job.converted && (
-        <>
-          <Menu.Divider />
-          {otherStages.map((item, idx) => (
-            <Menu.Item key={item}>{item}</Menu.Item>
-          ))}
-        </>
-      )}
-    </Menu>
-  );
+  const statusmenu = {
+    onClick: (e) => {
+      updateJobStatus(e.key);
+    },
+    items: [
+      ...availableStatuses.map((item) => ({
+        key: item,
+        label: item,
+      })),
+      ...(job.converted && [
+        {
+          type: "divider",
+        },
+        ...otherStages.map((item, idx) => ({
+          key: item,
+          label: item,
+        })),
+      ]),
+    ],
+  };
 
   return (
     <Dropdown
-      overlay={statusmenu}
+      menu={statusmenu}
       trigger={["click"]}
       key="changestatus"
       disabled={jobRO || !job.converted}