it works...connecting and disconnecting

packages/desktop/package.json

@@ -42,8 +42,8 @@
         [
           "@electron-forge/plugin-webpack",
           {
-            "port": "4000",
-            "loggerPort": "9000",
+            "port": "4010",
+            "loggerPort": "9010",
             "mainConfig": "./webpack.main.config.js",
             "devContentSecurityPolicy": "default-src * self blob: data: gap:; style-src * self 'unsafe-inline' blob: data: gap:; script-src * 'self' 'unsafe-eval' 'unsafe-inline' blob: data: gap:; object-src * 'self' blob: data: gap:; img-src * self 'unsafe-inline' blob: data: gap:; connect-src self * 'unsafe-inline' blob: data: gap:; frame-src * self blob: data: gap:;",
             "renderer": {

packages/desktop/src/tree/FooterControls.tsx

@@ -343,6 +343,8 @@ function OverlayConversationAvatars({
     return sortedUserMembers;
   }, [conversationUserMembers, user, tunedInUserIds]);
 
+  console.log(roomPeers);
+
   return (
     <AvatarGroup
       variant={'rounded'}
@@ -398,6 +400,8 @@ function OverlayConversationAvatar({
     }
   }, [localVideoRef, localStreamToPeers]);
 
+  console.log(isConnecting);
+
   if (isConnecting) {
     return <CircularProgress />;
   }