handleSubmit only submits the first letter

[ghoshan-ai]

Description

Commonly seen on mobile. (very rarely seen on desktop)

The input, setInput work fine, as you see on the TextArea it is able to update on input change. However, it only submits the first letter of the input. How can I go about debugging this? The code is similar to the ai-chatbot repo.

ScreenRecording_01-27-2025.00-40-33_1.MP4

Code example

No response

AI provider

@ai-sdk/azure": "^1.1.3

Additional context

"ai": "^4.1.6",
"next": "15.1.6",

[ghoshan-ai]

as a workaround I use append instead.

 const fallbackInput = textareaRef.current?.value || input;
window.history.replaceState({}, '', `/chats/${chatId}`);

append({
    role: "user",
    createdAt: new Date(),
    content: input.length >= fallbackInput.length ? input : fallbackInput,
})

setInput('')

// On mobile it's not working. Use append instead
// handleSubmit(undefined, {
//     // experimental_attachments: attachments,
//     body: {
//         fallback: fallbackInput
//     }
// });