@uniai-fe/uds-templates 0.5.11 → 0.5.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniai-fe/uds-templates",
-  "version": "0.5.11",
+  "version": "0.5.12",
   "description": "UNIAI Design System; UI Templates Package",
   "type": "module",
   "private": false,

package/src/cctv/hooks/useRtcStream.ts

@@ -218,6 +218,7 @@ export function useCctvRtcStream({
   useEffect(() => {
     const camId = cam?.cam_id;
     if (!camId) return;
+
     const instanceKey = instanceKeyRef.current as string;
     setLiveRegistry(prev => {
       const next = { ...prev };
@@ -226,7 +227,13 @@ export function useCctvRtcStream({
       next[camId] = perCam;
       return next;
     });
+  }, [cam?.cam_id, liveState, setLiveRegistry]);
+
+  useEffect(() => {
+    const camId = cam?.cam_id;
+    if (!camId) return;
 
+    const instanceKey = instanceKeyRef.current as string;
     return () => {
       setLiveRegistry(prev => {
         const next = { ...prev };
@@ -240,7 +247,7 @@ export function useCctvRtcStream({
         return next;
       });
     };
-  }, [cam?.cam_id, liveState, setLiveRegistry]);
+  }, [cam?.cam_id, setLiveRegistry]);
 
   // 호출자에게 video ref와 상태값, 토큰 쿼리 상태를 전달한다.
   return {

package/src/cctv/utils/video-state.ts

@@ -60,6 +60,7 @@ export function getOverlayMessage({
  */
 export function getIsLive({
   cam,
+  connectionState,
   isTokenLoading,
   isTokenError,
   isStreaming,
@@ -70,6 +71,7 @@ export function getIsLive({
   if (isTokenLoading || isTokenError) return false;
   if (isStreaming) return false;
   if (streamError) return false;
+  if (connectionState !== "connected") return false;
   return true;
 }