Hi there!
I've written this component for a custom message input box for the Chat in Conversational UI for React:
import { ChatMessageBoxProps } from '@progress/kendo-react-conversational-ui'
import { FC } from 'react'
const CustomChatMessageBox: FC<ChatMessageBoxProps> = (props) => {
return (
<>
<input
type="text"
name="message"
className="h-full w-full text-base md:text-sm focus:outline-none"
/>
{props.sendButton}
</>
)
}
export default CustomChatMessageBox
I'm supplying this component to the `messageBox` prop of the Chat component. However, sending the message doesn't work; neither by pressing enter or pressing the send button. If I replace the input with props.messageInput, it works.
Any help in fixing this will be greatly appreciated!
Thank in advance :-)