Revert all package upgrades to unblock testing.

client/src/components/parts-order-modal/parts-order-modal.component.jsx

@@ -1,11 +1,17 @@
-import { DeleteFilled, DownOutlined, WarningFilled } from "@ant-design/icons";
+import { DeleteFilled, WarningFilled, DownOutlined } from "@ant-design/icons";
 import { useTreatments } from "@splitsoftware/splitio-react";
 import {
-  Checkbox, Divider, Dropdown, Form,
+  Divider,
+  Form,
   Input,
   InputNumber,
-  Radio, Select, Space,
-  Tag
+  Radio,
+  Space,
+  Tag,
+  Select,
+  Menu,
+  Dropdown,
+  Checkbox,
 } from "antd";
 import React from "react";
 import { useTranslation } from "react-i18next";
@@ -55,14 +61,17 @@ export function PartsOrderModalComponent({
     form.setFieldsValue({ comments: item.props.value });
   };
 
-  const menu = {
-    onClick: handleClick,
-    items: bodyshop.md_parts_order_comment.map((comment, idx) => ({
-      key: idx,
-      value: comment.comment,
-      label: comment.label,
-    })),
-  };
+  const menu = (
+    <div>
+      <Menu onClick={handleClick}>
+        {bodyshop.md_parts_order_comment.map((comment, idx) => (
+          <Menu.Item value={comment.comment} key={idx}>
+            {comment.label}
+          </Menu.Item>
+        ))}
+      </Menu>
+    </div>
+  );
 
   return (
     <div>
@@ -299,7 +308,7 @@ export function PartsOrderModalComponent({
         label={
           <Space>
             {t("parts_orders.fields.comments")}
-            <Dropdown menu={menu}>
+            <Dropdown overlay={menu}>
               <a
                 className="ant-dropdown-link"
                 href=" #"

client/src/components/parts-order-modal/parts-order-modal.container.jsx

@@ -350,7 +350,7 @@ export function PartsOrderModalContainer({
 
   return (
     <Modal
-    open={visible}
+      visible={visible}
       title={
         isReturn
           ? `${t("parts_orders.labels.returnpartsorder")} ${invoiceNumber}`