diff --git a/src/App.jsx b/src/App.jsx
index 7dea838..6021a13 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -71,6 +71,14 @@ export default function App() {
     }
   }, []);
 
+  // Cleanup on unmount
+  useEffect(() => {
+    return () => {
+      // Close all connections when component unmounts
+      myConnections.forEach(c => c.conn?.close());
+    };
+  }, [myConnections]);
+
   // Register
   const handleRegister = async () => {
     if (!client) return;