loop control and external links

Signed-off-by: ale <ale@manalejandro.com>

src/app/page.js

@@ -139,23 +139,6 @@ export default function Home() {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [searchParams]);
 
-  // Auto-conectar cuando el usuario ingresa al chat (después de registrarse)
-  useEffect(() => {
-    if (autoConnectUser && username && socket && socket.connected) {
-      console.log('🚀 Iniciando auto-conexión con:', autoConnectUser);
-      setShowAutoConnectBanner(true);
-      
-      // Esperar 1 segundo para que el usuario vea el banner y el socket esté completamente listo
-      const timer = setTimeout(() => {
-        handleWatchUser(autoConnectUser);
-        setShowAutoConnectBanner(false);
-        setAutoConnectUser(null); // Limpiar para no reconectar
-      }, 1500);
-
-      return () => clearTimeout(timer);
-    }
-  }, [autoConnectUser, username, socket, handleWatchUser]);
-
   const handleVideoStats = useCallback((data) => {
     setStats(prev => ({
       ...prev,
@@ -282,7 +265,24 @@ export default function Home() {
     } else {
       console.error('❌ No hay P2PManager o requestPeer disponible');
     }
-  }, [socket, watchingUser, remoteStream, username]);
+  }, [socket, watchingUser, remoteStream, username, peers]);
+
+  // Auto-conectar cuando el usuario ingresa al chat (después de registrarse)
+  useEffect(() => {
+    if (autoConnectUser && username && socket && socket.connected) {
+      console.log('🚀 Iniciando auto-conexión con:', autoConnectUser);
+      setShowAutoConnectBanner(true);
+      
+      // Esperar 1.5 segundos para que el usuario vea el banner y el socket esté completamente listo
+      const timer = setTimeout(() => {
+        handleWatchUser(autoConnectUser);
+        setShowAutoConnectBanner(false);
+        setAutoConnectUser(null); // Limpiar para no reconectar
+      }, 1500);
+
+      return () => clearTimeout(timer);
+    }
+  }, [autoConnectUser, username, socket, handleWatchUser]);
 
   const handleStopWatching = useCallback(() => {
     console.log('🛑 Dejando de ver stream remoto');