显示所有活动房间的列表socket.io

Question

我是 socket.io 的初学者，我想知道我是否正在做正确的事情来显示创建的所有活动房间的列表。每次我尝试调用我的房间列表组件时，socket.io 的服务器端都会崩溃，所以我真的开始认为我在某个地方犯了错误。有没有更好/更简单的方法来做到这一点，或者我做的是正确的事情吗？

更新：我的服务器已停止崩溃，但我的 useEffect 没有收到来自 getActiveRooms() 的返回。另外我仍然想知道我是否真的必须创建一个房间来发出房间列表？

服务器端

const express = require('express');
const app = express();
const http = require('http');
const cors = require('cors'); 
const { Server } = require("socket.io");
app.use(cors());

const PORT = 3001;
const server = http.createServer(app);

const io = new Server(server, { 
    cors: {
        origin: 'http://localhost:3000',
        methods: ["GET", "POST"],
    }
});

function getActiveRooms(io) {
    // Convert map into 2D list:
    // ==> [['4ziBKG9XFS06NdtVAAAH', Set(1)], ['room1', Set(2)], ...]
    const arr = Array.from(io.sockets.adapter.rooms);
    // Filter rooms whose name exist in set:
    // ==> [['room1', Set(2)], ['room2', Set(2)]]
    const filtered = arr.filter(room => !room[1].has(room[0]))
    // Return only the room name: 
    // ==> ['room1', 'room2']
    const res = filtered.map(i => i[0]);
    console.log(`Liste des rooms actives : ${res}`)
    return res;
}

io.on("connection", (socket) => {
    socket.on("room_list", (data) => {
        socket.join(data); //data is a room called listroom that will receive all rooms (string)
        socket.to(data).emit("receive_room", getActiveRooms(io)); 
    });
});

server.listen(PORT, () => {
    console.log(`Serveur lancé sur le port ${PORT}`);
});

客户端（它是一个名为 ListeRoom 的组件）

function ListeRooms({socket, username}) {

    const classes = useStyles(); 
    const [roomList, setRoomList] = useState([]);
    
    useEffect(() => {
        socket.on("receive_room", (data) => {
            setRoomList((liste) => [...liste, data]); 
        })
    }, [socket]);

我的组件在主页中接收的参数

<ListeRooms socket={socket} username={username}/>