Update Home.tsx

frontend/src/Home.tsx

@@ -71,23 +71,25 @@ export default function Home() {
 
   /* WebSocket connect event handler*/
   useEffect(() => {
-    const sub = socket$.subscribe({
+    if (!status.connected) {
-      next: () => {
+      const sub = socket$.subscribe({
-        dispatch(connected())
+        next: () => {
-        setCustomArgs(localStorage.getItem('last-input-args') ?? '')
+          dispatch(connected())
-        setFilenameOverride(localStorage.getItem('last-filename-override') ?? '')
+          setCustomArgs(localStorage.getItem('last-input-args') ?? '')
-      },
+          setFilenameOverride(localStorage.getItem('last-filename-override') ?? '')
-      error: () => {
+        },
-        setSocketHasError(true)
+        error: () => {
-        setShowBackdrop(false)
+          setSocketHasError(true)
-      },
+          setShowBackdrop(false)
-      complete: () => {
+        },
-        setSocketHasError(true)
+        complete: () => {
-        setShowBackdrop(false)
+          setSocketHasError(true)
-      },
+          setShowBackdrop(false)
-    })
+        },
-    return () => sub.unsubscribe()
+      })
-  }, [socket$])
+      return () => sub.unsubscribe()
+    }
+  }, [socket$, status.connected])
 
   useEffect(() => {
     if (status.connected) {
@@ -405,4 +407,4 @@ export default function Home() {
       </Snackbar>
     </Container>
   );
-}
+}