diff --git a/src/components/DetailScheduleDetail/ViewByFGDetails.tsx b/src/components/DetailScheduleDetail/ViewByFGDetails.tsx
index 8ceb04c..2300447 100644
--- a/src/components/DetailScheduleDetail/ViewByFGDetails.tsx
+++ b/src/components/DetailScheduleDetail/ViewByFGDetails.tsx
@@ -40,6 +40,8 @@ export type FGRecord = {
   inStockQty: number;
   productionQty?: number;
   purchaseQty?: number;
+  safetyStock?: number;
+  lastMonthAvgStock?: number
 };
 
 const ViewByFGDetails: React.FC<Props> = ({ apiRef, isEdit }) => {
@@ -1742,7 +1744,7 @@ const ViewByFGDetails: React.FC<Props> = ({ apiRef, isEdit }) => {
     },
   ]);
 
-  const updatePagingController = (updatedObj) => {
+  const updatePagingController = (updatedObj: any) => {
     setPagingController((prevState) => {
       return prevState.map((item, index) => {
         if (index === updatedObj?.index) {
@@ -2176,6 +2178,7 @@ const ViewByFGDetails: React.FC<Props> = ({ apiRef, isEdit }) => {
                         {`${t("FG Demand Date")}: ${date}`}
                     </Typography> */}
           <EditableSearchResults<FGRecord>
+            index={1}
             items={fakeRecords[index]} // Use the corresponding records for the day
             columns={columns}
             setPagingController={updatePagingController}