From d3e7741e70308aba937a2ee997e32c43fd30ca8c Mon Sep 17 00:00:00 2001
From: Alf Eaton <alf.eaton@overleaf.com>
Date: Fri, 15 Dec 2023 12:21:34 +0000
Subject: [PATCH] Improve forceDisconnected state change handling (#16271)

GitOrigin-RevId: 4c09c1ef8123ad84358d0446c1249e4a0ae7c217
---
 .../ide-react/components/modals/force-disconnected.tsx     | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/services/web/frontend/js/features/ide-react/components/modals/force-disconnected.tsx b/services/web/frontend/js/features/ide-react/components/modals/force-disconnected.tsx
index a1fdf24107..0f8f50543a 100644
--- a/services/web/frontend/js/features/ide-react/components/modals/force-disconnected.tsx
+++ b/services/web/frontend/js/features/ide-react/components/modals/force-disconnected.tsx
@@ -14,9 +14,14 @@ function ForceDisconnected() {
   useEffect(() => {
     if (connectionState.forceDisconnected) {
       setShow(true)
+    }
+  }, [connectionState.forceDisconnected])
+
+  useEffect(() => {
+    if (connectionState.forceDisconnected) {
       setSecondsUntilRefresh(connectionState.forcedDisconnectDelay)
     }
-  }, [connectionState])
+  }, [connectionState.forceDisconnected, connectionState.forcedDisconnectDelay])
 
   useEffect(() => {
     if (show) {