From 48d5f89f319e5d88cf4a3b7d251a4fd4ca5d7cf7 Mon Sep 17 00:00:00 2001
From: dahyeee <06robin11@gmail.com>
Date: Thu, 21 Sep 2023 20:50:45 +0900
Subject: [PATCH] =?UTF-8?q?fix:=EA=B2=BD=EB=B9=84=EA=B3=B5=EC=9C=A0?=
 =?UTF-8?q?=ED=8E=98=EC=9D=B4=EC=A7=80=20=EB=B2=84=EA=B7=B8=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95=20=3D>=20=EC=9E=98=EB=AA=BB=EB=90=9C=20id=EC=A0=84?=
 =?UTF-8?q?=EB=8B=AC=EB=A1=9C=20=EC=9D=B8=ED=95=9C=20=EC=98=A4=EB=A5=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/common/TripInformation/TripInformation.tsx | 8 ++------
 .../expense/TotalExpenseSection/TotalExpenseSection.tsx   | 2 +-
 frontend/src/pages/ExpensePage/ExpensePage.tsx            | 6 +++---
 3 files changed, 6 insertions(+), 10 deletions(-)

diff --git a/frontend/src/components/common/TripInformation/TripInformation.tsx b/frontend/src/components/common/TripInformation/TripInformation.tsx
index 386969711..85f2967e1 100644
--- a/frontend/src/components/common/TripInformation/TripInformation.tsx
+++ b/frontend/src/components/common/TripInformation/TripInformation.tsx
@@ -65,13 +65,9 @@ const TripInformation = ({ isEditable = true, isShared = false, tripId }: TripIn
         </Box>
         <Box css={buttonContainerStyling}>
           {isEditable ? (
-            <TripEditButtons tripId={String(tripData.id)} openEditModal={openEditModal} />
+            <TripEditButtons tripId={tripId} openEditModal={openEditModal} />
           ) : (
-            <TripButtons
-              tripId={String(tripData.id)}
-              sharedCode={tripData.sharedCode}
-              isShared={isShared}
-            />
+            <TripButtons tripId={tripId} sharedCode={tripData.sharedCode} isShared={isShared} />
           )}
         </Box>
       </header>
diff --git a/frontend/src/components/expense/TotalExpenseSection/TotalExpenseSection.tsx b/frontend/src/components/expense/TotalExpenseSection/TotalExpenseSection.tsx
index e7ac287aa..62f2806ee 100644
--- a/frontend/src/components/expense/TotalExpenseSection/TotalExpenseSection.tsx
+++ b/frontend/src/components/expense/TotalExpenseSection/TotalExpenseSection.tsx
@@ -31,7 +31,7 @@ const TotalExpenseSection = ({ tripId, isShared }: TotalExpenseSectionProps) =>
 
   return (
     <section css={containerStyling}>
-      <ExpenseInformation tripId={String(expenseData.id)} isShared={isShared} />
+      <ExpenseInformation tripId={tripId} isShared={isShared} />
       <Heading size={isMobile ? 'xSmall' : 'small'} css={totalAmountStyling}>
         총 경비 :{' '}
         <span>
diff --git a/frontend/src/pages/ExpensePage/ExpensePage.tsx b/frontend/src/pages/ExpensePage/ExpensePage.tsx
index 59919ba6f..c488bcabc 100644
--- a/frontend/src/pages/ExpensePage/ExpensePage.tsx
+++ b/frontend/src/pages/ExpensePage/ExpensePage.tsx
@@ -24,13 +24,13 @@ const ExpensePage = ({ isShared = false }: ExpensePageProps) => {
 
   const isMobile = useRecoilValue(mediaQueryMobileState);
 
-  const { expenseData } = useExpenseQuery(tripId, isShared);
+  useExpenseQuery(tripId, isShared);
 
   return (
     <Flex css={containerStyling}>
-      <TotalExpenseSection tripId={String(expenseData.id)} isShared={isShared} />
+      <TotalExpenseSection tripId={tripId} isShared={isShared} />
       {isMobile && <Divider css={dividerStyling} />}
-      <ExpenseListSection tripId={String(expenseData.id)} />
+      <ExpenseListSection tripId={tripId} />
     </Flex>
   );
 };