chat-2.tsx

export const Chat = (messages, props) => {
  // ...

  return (
    <ul>
      {messages.map(message => {
        const MessageComponent = messageFactory.render(message) 
        return <MessageComponent key={message.id} />
      })}
    </ul>
  )
}