@uniai-fe/uds-templates 0.3.12 → 0.3.13

package/package.json

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

package/src/modal/hooks/useModal.ts

@@ -1,6 +1,6 @@
 "use client";
 
-import { useCallback } from "react";
+import { useCallback, useEffect, useRef } from "react";
 
 import { useAtom } from "jotai";
 
@@ -28,6 +28,12 @@ const ensureDelay = (value?: number): number =>
  */
 export function useModal(): UseModalReturn {
   const [modalStacks, updateModalStack] = useAtom(modalStackAtom);
+  const modalStacksRef = useRef(modalStacks);
+
+  useEffect(() => {
+    // 변경 설명: closeModal이 최신 stack 상태를 기준으로 대상을 찾도록 현재 스냅샷 ref를 동기화한다.
+    modalStacksRef.current = modalStacks;
+  }, [modalStacks]);
 
   const newModal = useCallback(
     <FormContext extends FieldValues>(newStack: ModalState<FormContext>) => {
@@ -87,7 +93,7 @@ export function useModal(): UseModalReturn {
 
   const closeModal = useCallback(
     ({ stackKey, callback }: ModalCloseRequest) => {
-      const targetStack = modalStacks.find(
+      const targetStack = modalStacksRef.current.find(
         stack => stack.stackKey === stackKey,
       );
 
@@ -121,7 +127,7 @@ export function useModal(): UseModalReturn {
         callback?.();
       }, resolvedDelay);
     },
-    [modalStacks, updateModalStack],
+    [updateModalStack],
   );
 
   return { modalStacks, newModal, updateModal, closeModal };