SendButton in `multimodal-input` Sends Only the First Character

[bolshiyanov]

Description

There is an issue with the SendButton in the multimodal-input component. When a message is written in the textArea and ready to be sent, there are two options to trigger the request:

1. Pressing the Enter key;
2. Clicking the SendButton.

• Expected behavior: The full text from the textArea should be sent to the server in both cases.
• Actual behavior:
  • When pressing Enter: The complete text is successfully sent.
  • When clicking the SendButton: Only the first character of the textArea content is sent to the server.

---

Steps to Reproduce

1. Open the component with the multimodal-input.
2. Type a message (e.g., "Hello, world!") in the textArea.
3. Click the SendButton.
4. Observe that only the first character ("H") is sent to the server.

---

Environment

• Library: OpenAI API integration
• Component: multimodal-input
• Issue Source: SendButton

---

Additional Context

• No errors appear in the console during this interaction.
• Pressing Enter behaves as expected, suggesting that the issue might be related to the event handling or state update when the SendButton is clicked.
  
  

[athrael-soju]

@bolshiyanov Quick fix: athrael-soju#8

I'm basically removing the memoization for SendButton

[michaelwlt]

@athrael-soju You don't actually need to drop the support. Check out my fix on codeberg: https://codeberg.org/michaelwlt/bettergptv2/commit/33706d1bc1ccc96d3a4022610313f9a1a215b720

[bolshiyanov]

It looks like this is working as expected, thanks