From 0afd2310de8296a5ee25989af2114e49d0b5cd43 Mon Sep 17 00:00:00 2001
From: swcho <swcho@mind-one.co.kr>
Date: Tue, 8 Jul 2025 13:44:13 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20fileUploadForm.tsx=20=EA=B0=99=EC=9D=80?=
 =?UTF-8?q?=20=ED=8C=8C=EC=9D=BC=20=EC=97=B0=EC=86=8D=EC=9C=BC=EB=A1=9C=20?=
 =?UTF-8?q?=EB=93=B1=EB=A1=9D=EC=8B=9C=20=ED=8C=8C=EC=9D=BC=EB=AA=85?=
 =?UTF-8?q?=EC=9D=B4=20=ED=91=9C=EC=8B=9C=EB=90=98=EC=A7=80=20=EC=95=8A?=
 =?UTF-8?q?=EB=8A=94=20=EC=97=90=EB=9F=AC=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/sn/app/components/ui/fileUploadForm.tsx | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/apps/sn/app/components/ui/fileUploadForm.tsx b/apps/sn/app/components/ui/fileUploadForm.tsx
index 3cd663e01..fb626348e 100644
--- a/apps/sn/app/components/ui/fileUploadForm.tsx
+++ b/apps/sn/app/components/ui/fileUploadForm.tsx
@@ -29,6 +29,8 @@ const FileUploadForm = ({
   const [files, setFiles] = useState<FileList | null>(null);
   const [upload, setUpload] = useState<Upload | null>(null);
   const uniqueId = useId(); // 각 FileUploadForm 인스턴스에 대한 고유 ID 생성
+  // FileUploader 컴포넌트를 강제로 재마운트하기 위한 key 상태 추가
+  const [uploaderKey, setUploaderKey] = useState(0);
 
   const quater = [{ text: '1분기', val: '1' }, { text: '2분기', val: '2' }, { text: '3분기', val: '3' }, { text: '4분기', val: '4' }];
   // 현재 년도부터 10년 전까지의 년도 옵션 생성
@@ -64,6 +66,7 @@ const FileUploadForm = ({
         <div className='flex items-center gap-2'> {/* FileUploader와 Button을 정렬하는 메인 flex 컨테이너 */}
           <div className="w-[300px] mr-4"> {/* FileUploader의 너비와 오른쪽 여백을 제어하는 컨테이너 */}
             <FileUploader
+              key={uploaderKey} // key 추가: 변경 시 컴포넌트 재마운트됨
               id={uniqueId}
               className="!h-auto !max-w-none flex-row items-center gap-2"
               accept={accept}
@@ -133,6 +136,8 @@ const FileUploadForm = ({
                   onSubmit(fileNm, selectedYear, selectedQuarter, internalAtflCd || '', internalAtflId || '');
                   setFiles(null); // 파일 업로드 후 파일 목록 초기화
                   setFileName(''); // 파일명 초기화
+                  // 파일 업로드 후 FileUploader 컴포넌트를 재마운트하기 위해 key 값 변경
+                  setUploaderKey(prev => prev + 1);
                 }
               }}
             >