chat.jsx

function Chat({onOdd, onEven}) {
  const [text, setText] = useState('');
  return <SendButton
    onClick={text.length % 2 ? onEven : onOdd}
    // 😚 SendButton won't re-render
  />;
}