From 9d6902f521a9947729287453bdc940cb7da1f03a Mon Sep 17 00:00:00 2001
From: bicochan <chanii8@naver.com>
Date: Thu, 12 Mar 2026 15:38:55 +0900
Subject: [PATCH] =?UTF-8?q?[st]=20fix:=20=EA=B2=80=EC=A6=9D=20=EA=B2=B0?=
 =?UTF-8?q?=EA=B3=BC=20=EC=83=81=EC=84=B8=20=EA=B7=B8=EB=A6=AC=EB=93=9C=20?=
 =?UTF-8?q?=EC=B4=88=EA=B8=B0=ED=99=94=20=EB=A1=9C=EC=A7=81=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../detail/HbVerificationDetail.tsx             |  1 -
 .../verification/detail/RegionalGrid.tsx        | 17 +++++++++++------
 2 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/apps/st/src/components/statistics/verification/detail/HbVerificationDetail.tsx b/apps/st/src/components/statistics/verification/detail/HbVerificationDetail.tsx
index 64c2f76b8..026ed7688 100644
--- a/apps/st/src/components/statistics/verification/detail/HbVerificationDetail.tsx
+++ b/apps/st/src/components/statistics/verification/detail/HbVerificationDetail.tsx
@@ -76,7 +76,6 @@ const HbVerificationDetail: React.FC<HbVerificationDetailProps> = ({
                                 vrfcTrgtNm={
                                     selectedTargetInfo?.vrfcTrgtNm || ""
                                 }
-                                selectedSido={selectedSido}
                                 onSidoSelect={setSelectedSido}
                                 selectedRowId={selectedRowId}
                             />
diff --git a/apps/st/src/components/statistics/verification/detail/RegionalGrid.tsx b/apps/st/src/components/statistics/verification/detail/RegionalGrid.tsx
index 7b2b42a07..abfa0fdfb 100644
--- a/apps/st/src/components/statistics/verification/detail/RegionalGrid.tsx
+++ b/apps/st/src/components/statistics/verification/detail/RegionalGrid.tsx
@@ -1,4 +1,4 @@
-import React, { useMemo, useState } from "react";
+import React, { useEffect, useMemo, useState } from "react";
 
 import { useQuery } from "@tanstack/react-query";
 import { ValueType } from "realgrid";
@@ -26,7 +26,6 @@ interface RegionalGridProps {
     vrfcTrgtSn: string | null;
     statsNm: string;
     vrfcTrgtNm: string;
-    selectedSido: string | null;
     onSidoSelect: (sido: string | null) => void;
     selectedRowId?: number | null;
 }
@@ -42,16 +41,16 @@ const RegionalGrid: React.FC<RegionalGridProps> = ({
     vrfcTrgtSn,
     statsNm,
     vrfcTrgtNm,
-    selectedSido,
     onSidoSelect,
     selectedRowId,
 }) => {
+    const [selectedSido, setSelectedSido] = useState<string>("");
     const [selectedGugun, setSelectedGugun] = useState<string>("");
     const [selectedStatus, setSelectedStatus] = useState<string>("");
     const [showAllOnEmptyFilter, setShowAllOnEmptyFilter] =
         useState<boolean>(true);
     const [appliedFilter, setAppliedFilter] = useState<AppliedFilter>({
-        sido: null,
+        sido: "",
         gugun: "",
         status: "",
     });
@@ -227,11 +226,12 @@ const RegionalGrid: React.FC<RegionalGridProps> = ({
     );
 
     const handleSidoChange = (val: string) => {
-        onSidoSelect(!val ? null : val);
+        setSelectedSido(val);
         setSelectedGugun("");
     };
 
     const handleSearch = () => {
+        onSidoSelect(selectedSido);
         setAppliedFilter({
             sido: selectedSido,
             gugun: selectedGugun,
@@ -242,10 +242,11 @@ const RegionalGrid: React.FC<RegionalGridProps> = ({
 
     const handleReset = () => {
         onSidoSelect(null);
+        setSelectedSido("");
         setSelectedGugun("");
         setSelectedStatus("");
         setAppliedFilter({
-            sido: null,
+            sido: "",
             gugun: "",
             status: "",
         });
@@ -277,6 +278,10 @@ const RegionalGrid: React.FC<RegionalGridProps> = ({
         }
     };
 
+    useEffect(() => {
+        handleReset();
+    }, [vrfcTrgtSn]);
+
     return (
         <div className="flex flex-col gap-2">
             <div className="flex justify-between">