Antd 4.24.x compatibility updates => Menu fixes.

client/src/components/contracts-rates-change-button/contracts-rates-change-button.component.jsx

@@ -13,25 +13,14 @@ const mapStateToProps = createStructuredSelector({
 export function ContractsRatesChangeButton({ disabled, form, bodyshop }) {
   const { t } = useTranslation();
 
-  const handleClick = ({ item, key, keyPath }) => {
-    const { label, ...rate } = item.props.value;
-    form.setFieldsValue(rate);
-  };
-
-  const menu = (
-    <div>
-      <Menu onClick={handleClick}>
-        {bodyshop.md_ccc_rates.map((rate, idx) => (
-          <Menu.Item value={rate} key={idx}>
-            {rate.label}
-          </Menu.Item>
-        ))}
-      </Menu>
-    </div>
-  );
+  const menu = bodyshop.md_ccc_rates.map((rate, idx) => ({
+    onClick: () => form.setFieldsValue(rate),
+    key: idx,
+    label: rate.label,
+  }));
 
   return (
-    <Dropdown overlay={menu} disabled={disabled}>
+    <Dropdown menu={{ items: menu }} disabled={disabled}>
       <a
         className="ant-dropdown-link"
         href=" #"