chat.jsx

function Chat({rooms}) {
  const [text, setText] = useState('');
  return rooms.map(room => (
    <SendButton onClick={
      () => sendMessage(room, text)
      // 😚 No re-render and no wrapping
    } />
  ));
}