🐛Fix: reset timer issue

School-of-Company · Dec 17, 2024 · 468c1fe · 468c1fe
1 parent 87710e3
commit 468c1fe
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/src/entities/signUp/model/useTimer.ts b/src/entities/signUp/model/useTimer.ts
@@ -3,13 +3,17 @@ import { useEffect } from 'react';
 export const useTimer = (
   timer: number,
   setTimer: React.Dispatch<React.SetStateAction<number>>,
+  setIsSmsSent: React.Dispatch<React.SetStateAction<boolean>>, // 추가
 ) => {
   useEffect(() => {
     if (timer > 0) {
       const intervalId = setInterval(() => {
         setTimer((prev) => prev - 1);
       }, 1000);
+
       return () => clearInterval(intervalId);
+    } else if (timer === 0) {
+      setIsSmsSent(false);
     }
-  }, [timer, setTimer]);
+  }, [timer, setTimer, setIsSmsSent]);
 };
diff --git a/src/entities/signUp/ui/SignUpForm/index.tsx b/src/entities/signUp/ui/SignUpForm/index.tsx
@@ -35,7 +35,7 @@ const SignUpForm = () => {
     watch('code'),
   );
 
-  useTimer(timer, setTimer);
+  useTimer(timer, setTimer, setIsSmsSent);
 
   return (
     <form