chat.jsx

import { Form } from 'antd';
// If 'submit' prop is useEvent-safe,
// antd would wrap withStable (from React.memo) internally

function Chat({onOdd, onEven}) {
  const [text, setText] = useState('');
  const onSubmit = () => {
    sendMessage(text);
  };
  return <Form submit={onSubmit} />;
  // 😚 I don't care!
}