useChat and rich text editor

[antoinechalifour]

Hey everyone !

I'm trying to use useChat, but the input and onChange only accept string. The thing is, I'm trying to build a "cursor-like" experience, and using Lexical to be able to mention entities and process the rich text on the backend before sending the message to the LLM.

I know I can manually call handleSubmit with additional body fields, but still the "input" is required for the message to be sent (using v5 alpha).

What if I don't want to use a controlled input / input of type string ? Is there a workaround / an other way of doing this ?

Thanks,

Antoine

[patelvivekdev]

Try parsing to a JSON string, and on the server, parse back to JSON

[antoinechalifour]

Yes it's what I figured

Will give it a try, thanks!

[patelvivekdev]

You can check this out if you are building an AI-based rich text editor.

https://platejs.org/docs/ai

https://github.com/udecode/plate/tree/main/packages/ai

[github-actions[bot]]

This discussion was automatically locked because it has not been updated in over 30 days. If you still have questions about this topic, please ask us at community.vercel.com/ai-sdk