update

src/components/ItemsSearch/ItemsSearch.tsx

@@ -36,7 +36,7 @@ const ItemsSearch: React.FC<Props> = ({ items }) => {
       { label: t("Name"), paramName: "name", type: "text" },
     ];
     return searchCriteria;
-  }, [t, items]);
+  }, [t]);
 
   const onDetailClick = useCallback(
     (item: ItemsResult) => {
@@ -70,7 +70,7 @@ const ItemsSearch: React.FC<Props> = ({ items }) => {
         onClick: onDeleteClick,
       },
     ],
-    [filteredItems],
+    [onDeleteClick, onDetailClick, t],
   );
 
   const refetchData = useCallback(
@@ -102,12 +102,17 @@ const ItemsSearch: React.FC<Props> = ({ items }) => {
         throw error; // Rethrow the error for further handling
       }
     },
-    [axiosInstance, pagingController.pageNum, pagingController.pageSize],
+    [pagingController.pageNum, pagingController.pageSize],
   );
 
   useEffect(() => {
     refetchData(filterObj);
-  }, [filterObj, pagingController.pageNum, pagingController.pageSize]);
+  }, [
+    filterObj,
+    pagingController.pageNum,
+    pagingController.pageSize,
+    refetchData,
+  ]);
 
   const onReset = useCallback(() => {
     setFilteredItems(items);

src/components/NavigationContent/NavigationContent.tsx

@@ -52,7 +52,7 @@ const NavigationContent: React.FC = () => {
         {
           icon: <RequestQuote />,
           label: "Pick Order",
-          path: "/pickorder",
+          path: "/pickOrder",
         },
         // {
         //   icon: <RequestQuote />,

src/components/PickOrderDetail/PickOrderDetail.tsx

@@ -1,12 +1,7 @@
 "use client";
 
 import {
-  Box,
   Button,
-  ButtonProps,
-  Card,
-  CardContent,
-  CardHeader,
   CircularProgress,
   Grid,
   Stack,
@@ -678,6 +673,8 @@ const PickOrderDetail: React.FC<Props> = ({ consoCode, qc }) => {
     changeRow,
     addRow,
     getLotDetail,
+    scanner,
+    setIsUploading,
   ]);
 
   const mannuallyAddRow = useCallback(() => {
@@ -685,7 +682,7 @@ const PickOrderDetail: React.FC<Props> = ({ consoCode, qc }) => {
       addRow(qrcode);
       // scanner.resetScan();
     });
-  }, [addRow, homemade_Qrcode]);
+  }, [addRow, getLotDetail, homemade_Qrcode.stockInLineId]);
 
   const validation = useCallback(
     (
@@ -754,7 +751,7 @@ const PickOrderDetail: React.FC<Props> = ({ consoCode, qc }) => {
       // not completed
       triggerRefetch();
     }
-  }, [consoCode, triggerRefetch, completeConsoPickOrder]);
+  }, [consoCode, triggerRefetch]);
 
   return (
     <>

src/components/PickOrderDetail/QcForm.tsx

@@ -86,7 +86,7 @@ const QcForm: React.FC<Props> = ({
         console.log("bug la");
       }
     },
-    [updateStockOutLine],
+    [closeHandler, qcDefaultValues],
   );
   return (
     <>

src/components/PickOrderSearch/ConsolidatedPickOrders.tsx

@@ -111,7 +111,7 @@ const ConsolidatedPickOrders: React.FC<Props> = ({ filterArgs }) => {
       console.log(pickOrder);
       const status = pickOrder.status;
       if (pickOrderStatusMap[status] >= 3) {
-        router.push(`/pickorder/detail?consoCode=${pickOrder.consoCode}`);
+        router.push(`/pickOrder/detail?consoCode=${pickOrder.consoCode}`);
       } else {
         openDetailModal(pickOrder.consoCode);
       }
@@ -135,7 +135,7 @@ const ConsolidatedPickOrders: React.FC<Props> = ({ filterArgs }) => {
         label: t("status"),
       },
     ],
-    [],
+    [onDetailClick, t],
   );
   const [pagingController, setPagingController] = useState(
     defaultPagingController,
@@ -215,7 +215,7 @@ const ConsolidatedPickOrders: React.FC<Props> = ({ filterArgs }) => {
       console.log(newValue);
       formProps.setValue("assignTo", newValue.id);
     },
-    [],
+    [formProps],
   );
 
   const onSubmit = useCallback<SubmitHandler<ReleasePickOrderInputs>>(
@@ -226,7 +226,7 @@ const ConsolidatedPickOrders: React.FC<Props> = ({ filterArgs }) => {
         console.log(res);
         if (res.consoCode.length > 0) {
           console.log(res);
-          router.push(`/pickorder/detail?consoCode=${res.consoCode}`);
+          router.push(`/pickOrder/detail?consoCode=${res.consoCode}`);
         } else {
           console.log(res);
         }
@@ -234,7 +234,7 @@ const ConsolidatedPickOrders: React.FC<Props> = ({ filterArgs }) => {
         console.log(error);
       }
     },
-    [releasePickOrder],
+    [router],
   );
   const onSubmitError = useCallback<SubmitErrorHandler<ReleasePickOrderInputs>>(
     (errors) => {},
@@ -250,7 +250,7 @@ const ConsolidatedPickOrders: React.FC<Props> = ({ filterArgs }) => {
       fetchConso(consoCode);
       formProps.setValue("consoCode", consoCode);
     }
-  }, [consoCode]);
+  }, [consoCode, fetchConso, formProps]);
 
   return (
     <>