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) {