Antd 4.24.x compatibility updates => Menu fixes.

client/src/components/jobs-detail-change-filehandler/jobs-detail-change-filehandler.component.jsx

@@ -15,23 +15,21 @@ export function JobsDetailChangeFilehandler({ disabled, form, bodyshop }) {
     form.setFieldsValue(est);
   };
 
-  const menu = (
-    <Menu
-      onClick={handleClick}
-      style={{
-        columnCount: Math.floor(bodyshop.md_filehandlers.length / 10) + 1,
-      }}
-    >
-      {bodyshop.md_filehandlers.map((est, idx) => (
-        <Menu.Item value={est} key={idx} style={{ breakInside: "avoid" }}>
-          {`${est.ins_ct_fn} ${est.ins_ct_ln}`}
-        </Menu.Item>
-      ))}
-    </Menu>
-  );
+  const menu = {
+    onClick: handleClick,
+    style: {
+      columnCount: Math.floor(bodyshop.md_filehandlers.length / 10) + 1,
+    },
+    items: bodyshop.md_filehandlers.map((est, idx) => ({
+      value: est,
+      key: idx,
+      style: { breakInside: "avoid" },
+      label: `${est.ins_ct_fn || ""} ${est.ins_ct_ln || ""}`.trim(),
+    })),
+  };
 
   return (
-    <Dropdown overlay={menu} disabled={disabled}>
+    <Dropdown menu={menu} disabled={disabled}>
       <a
         className="ant-dropdown-link"
         href=" #"