Interface ChatMessage

Example

Rendering chat messages:

function ChatMessageItem({ message }: { message: ChatMessage }) {
  if (message.isSystem) {
    return <div className="system-message">{message.content}</div>;
  }

  return (
    <div className={message.isLocal ? 'my-message' : 'their-message'}>
      <strong>{message.userName || message.userId}</strong>
      <p>{message.content}</p>
      <time>{message.timestamp.toLocaleTimeString()}</time>
    </div>
  );
}
Copy