diff --git a/components/pages/work-flow.tsx b/components/pages/work-flow.tsx
index 2475878..a1d6062 100644
--- a/components/pages/work-flow.tsx
+++ b/components/pages/work-flow.tsx
@@ -17,7 +17,11 @@ import { SaveEditUseCase } from "@/app/service/usecase/SaveEditUseCase";
 import { useSearchParams } from "next/navigation";
 
 const WorkFlow = React.memo(function WorkFlow() {
-  console.log('WorkFlow--0294877777777777')
+  useEffect(() => {
+    console.log("init-WorkFlow");
+    return () => console.log("unmount-WorkFlow");
+  }, []);
+  
   const containerRef = useRef<HTMLDivElement>(null);
   const [isEditModalOpen, setIsEditModalOpen] = React.useState(false);
   const [activeEditTab, setActiveEditTab] = React.useState('1');
@@ -31,8 +35,6 @@ const WorkFlow = React.memo(function WorkFlow() {
     taskObject,
     scriptData,
     taskSketch,
-    taskScenes,
-    taskShotSketch,
     taskVideos,
     sketchCount,
     isLoading,
@@ -43,7 +45,6 @@ const WorkFlow = React.memo(function WorkFlow() {
     currentLoadingText,
     totalSketchCount,
     roles,
-    music,
     final,
     dataLoadError,
     setCurrentSketchIndex,
diff --git a/components/pages/work-flow/use-workflow-data.tsx b/components/pages/work-flow/use-workflow-data.tsx
index 01d62e1..1754d64 100644
--- a/components/pages/work-flow/use-workflow-data.tsx
+++ b/components/pages/work-flow/use-workflow-data.tsx
@@ -42,7 +42,10 @@ type ApiStep = keyof typeof STEP_MAP;
 
 
 export function useWorkflowData() {
-  console.log('init-useWorkflowData')
+  useEffect(() => {
+    console.log("init-useWorkflowData");
+    return () => console.log("unmount-useWorkflowData");
+  }, []);
 
   const searchParams = useSearchParams();
   const episodeId = searchParams.get('episodeId') || '';