chat.jsx

const SendButton = withStable(["onClick"], ({ onClick }) => (
  <button onClick={onClick}>click</button>
));

function ChatA({text}) {
  const onClick = () => sendMessage(text);
  // 😃 No need to do anything else
  return <SendButton onClick={onClick} />;
}

function ChatB({text}) {
  const onClick = () => sendMessage(text);
  // 😃 No need to do anything else
  return <SendButton onClick={onClick} />;
}

function ChatC({text}) {
  const onClick = () => sendMessage(text);
  // 😃 No need to do anything else
  return <SendButton onClick={onClick} />;
}