React本地客户端如何知道GetStream.io提要是空的？

import React, { useEffect, useState } from 'react';
import { io } from 'socket.io-client';

const socket = io('https://your-getstream-io-endpoint');

const App = () => {
  const [messages, setMessages] = useState([]);
  const [isEmpty, setIsEmpty] = useState(false);

  useEffect(() => {
    socket.on('message', (message) => {
      setMessages((prevMessages) => [...prevMessages, message]);
      setIsEmpty(false);
    });

    socket.on('disconnect', () => {
      setIsEmpty(true);
    });

    socket.on('connect_error', () => {
      setIsEmpty(true);
    });

    return () => {
      socket.off('message');
      socket.off('disconnect');
      socket.off('connect_error');
    };
  }, []);

  return (
    <div>
      {isEmpty ? (
        <p>No new messages.</p>
      ) : (
        <ul>
          {messages.map((message, index) => (
            <li key={index}>{message}</li>
          ))}
        </ul>
      )}
    </div>
  );
};

export default App;