🛠 fix : 포즈픽에서 이전과 같은 데이터 받아올 때 무한로딩 걸리는 이슈

dnd-side-project · Apr 16, 2024 · 2576e71 · 2576e71
1 parent 16a81cd
commit 2576e71
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/app/(Main)/pick/page.tsx b/src/app/(Main)/pick/page.tsx
@@ -17,6 +17,9 @@ export default function Page() {
   const [isLottie, setIsLottie] = useState(true);
   const { refetch } = usePosePickQuery(countState, {
     onSuccess: (data) => {
+      if (data.poseInfo.imageKey === image) {
+        setIsRendered(true);
+      }
       setImage(data.poseInfo.imageKey);
     },
   });
@@ -41,7 +44,7 @@ export default function Page() {
           setState={setCountState}
         />
       </div>
-      <div className="relative flex flex-1">
+      <div className="relative flex grow">
         {(isLottie || !isRendered) && (
           <div className="absolute inset-0 z-10 flex w-full justify-center bg-black">
             <Lottie animationData={lottiePick} play />