diff --git a/web/app/components/workflow/panel/debug-and-preview/hooks/use-chat-flow-control.ts b/web/app/components/workflow/panel/debug-and-preview/hooks/use-chat-flow-control.ts
index 21af491126..62c67fb65b 100644
--- a/web/app/components/workflow/panel/debug-and-preview/hooks/use-chat-flow-control.ts
+++ b/web/app/components/workflow/panel/debug-and-preview/hooks/use-chat-flow-control.ts
@@ -21,8 +21,11 @@ export function useChatFlowControl({
   const invalidateRun = useStore(s => s.invalidateRun)
 
   const isMountedRef = useRef(true)
-  useEffect(() => () => {
-    isMountedRef.current = false
+  useEffect(() => {
+    isMountedRef.current = true
+    return () => {
+      isMountedRef.current = false
+    }
   }, [])
 
   const { handleNodeCancelRunningStatus } = useNodesInteractionsWithoutSync(isMountedRef)