make it clear it's a method not a getter

src/client/components/peer-list.tsx

···
 
   useEffect(() => {
     const updatePeers = () => {
-      queueMicrotask(() => {
-        setPeers(webrtcManager.peers)
-      })
+      setPeers(webrtcManager.peerStates())
     }
 
     // Listen to WebRTC events

src/client/realm/connection.ts

···
     this.#nonces = new Map()
 
     console.debug('realm connection starting!')
+
     this.#socket = new WebSocket(this.#url)
     this.#socket.onopen = this.#handleSocketOpen
     this.#socket.onclose = this.#handleSocketClose
···
     return this.#socket.readyState === this.#socket.OPEN
   }
 
-  get peers(): Record<IdentID, PeerState> {
+  peerStates(): Record<IdentID, PeerState> {
     const states: Record<IdentID, PeerState> = {}
     for (const [identid, peer] of this.#peers) {
       states[identid] = {
···
 
   destroy() {
     console.debug('realm connection destroy!')
-
-    // disconnect from socket
     if (this.connected) {
       this.#socket.close()
     }
···
 
   // handle socket open is the main loop for the sendSocket
   #handleSocketOpen: WebSocket['onopen'] = async () => {
-    console.debug('realm connection, socket loop open')
     this.#dispatchCustomEvent('wsopen')
 
     try {