same key오류 해결

frontend/components/dashboard/widgets/RiskAlertTestWidget.tsx

@@ -377,8 +377,8 @@ export default function RiskAlertTestWidget({ element }: RiskAlertTestWidgetProp
         new Date().toISOString();
 
       const alert: Alert = {
-        id: row.id || row.alert_id || row.incidentId || row.eventId || 
-          row.code || row.subCode || `${sourceName}-${index}-${Date.now()}`,
+        // 중복 방지를 위해 소스명과 인덱스를 포함하여 고유 ID 생성
+        id: `${sourceName}-${index}-${row.id || row.alert_id || row.incidentId || row.eventId || row.code || row.subCode || Date.now()}`,
         type,
         severity,
         title,
@@ -614,8 +614,9 @@ export default function RiskAlertTestWidget({ element }: RiskAlertTestWidgetProp
             <p className="text-sm">알림이 없습니다</p>
           </div>
         ) : (
-          filteredAlerts.map((alert) => (
-            <Card key={alert.id} className="p-2">
+          filteredAlerts.map((alert, idx) => (
+            // key 중복 방지를 위해 인덱스 추가
+            <Card key={`${alert.id}-${idx}`} className="p-2">
               <div className="flex items-start gap-2">
                 <div className={`mt-0.5 rounded-full p-1 ${alert.severity === "high" ? "bg-destructive/10 text-destructive" : alert.severity === "medium" ? "bg-warning/10 text-warning" : "bg-primary/10 text-primary"}`}>
                   {getTypeIcon(alert.type)}