From c96b4529778e5c086a53fda70cfdcd53a5e7b410 Mon Sep 17 00:00:00 2001
From: ocahs9 <piorag99@gmail.com>
Date: Tue, 10 Sep 2024 20:03:50 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20CSV=EC=97=90=20=EC=9D=B4=EC=A0=84=20?=
 =?UTF-8?q?=EB=8D=B0=EC=9D=B4=ED=84=B0=EA=B0=80=20=EB=B0=98=EC=98=81?=
 =?UTF-8?q?=EB=90=98=EC=96=B4=20=EB=8B=A4=EC=9A=B4=EB=A1=9C=EB=93=9C?=
 =?UTF-8?q?=EB=90=98=EB=8D=98=20=EB=B2=84=EA=B7=B8=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/ticketholderlist/TicketHolderList.tsx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/pages/ticketholderlist/TicketHolderList.tsx b/src/pages/ticketholderlist/TicketHolderList.tsx
index c560f5d1..6234cc80 100644
--- a/src/pages/ticketholderlist/TicketHolderList.tsx
+++ b/src/pages/ticketholderlist/TicketHolderList.tsx
@@ -48,9 +48,9 @@ const headers = [
   { label: "예매상태", key: "bookingStatus" },
 ];
 
-const CSVDataArr: CSVDataType[] = [];
-
 const TicketHolderList = () => {
+  const [CSVDataArr, setCSVDataArr] = useState<CSVDataType[]>([]);
+
   const { performanceId } = useParams();
   const [reservedCount, setReservedCount] = useState(0);
 
@@ -93,13 +93,15 @@ const TicketHolderList = () => {
       setInitBookingStatuses(immutableBookingStatuses);
 
       //전체 데이터를 기반으로 csv 추출 데이터 구축
+      const tempCSVDataArr: CSVDataType[] = [];
+
       data.bookingList.map((item) => {
         const date = item.createdAt.split("T")[0];
         const time = item.createdAt.split("T")[1].slice(0, 5);
         const formattedDate = date?.replace(/-/g, ".");
         const formattedCreateTime = `${formattedDate} ${time}`;
 
-        CSVDataArr.push({
+        tempCSVDataArr.push({
           createdAt: formattedCreateTime,
           scheduleNumber: `${convertingNumber(item.scheduleNumber)}회차`,
           bookerName: item.bookerName,
@@ -107,6 +109,8 @@ const TicketHolderList = () => {
           bookerPhoneNumber: item.bookerPhoneNumber,
           bookingStatus: convertingBookingStatus(item.bookingStatus),
         });
+
+        setCSVDataArr(tempCSVDataArr);
       });
     }
   }, [data]);