bug: event?.preventDefault is not a function (hooks/useSubmitHandler)

[jim-spr]

Describe the bug

`import React from 'react';

import {Channel, ChannelHeader, MessageInput, MessageList, useChatContext, Window} from "stream-chat-react";
import {motion} from 'framer-motion';
import {SendButton} from "@components/ui/chat/components/SendButton";

export function ChatView() {

const {client, setActiveChannel, channel} = useChatContext();
// console.log('CC', {channel})
return (
    <motion.div className="@lg:min-w-[450px] grow flex-1 widget-chat-view ">
        <Channel
            SendButton={SendButton}
        >
            <Window>
                <div className='window h-full min-h-0'>
                    <div className='header'>
                        <ChannelHeader/>
                    </div>
                    <div className='list'>
                        <MessageList/>
                    </div>
                    <div className='footer'>
                        <MessageInput focus/>
                    </div>
                </div>
            </Window>
        </Channel>
        
    </motion.div>
);

}`

`import {Button} from "@nextui-org/button";

export const SendButton = ({disabled, sendMessage} : {
disabled: boolean;
sendMessage: () => void;
}) => {
return

    <Button
        type={'button'}
        isDisabled={disabled}
        onPress={sendMessage}
        color={'primary'}
        isIconOnly
    >
        <i className="fa-regular fa-paper-plane"></i>
    </Button>
</div>

}

`

Expected behavior

A clear and concise description of what you expected to happen.

onPress is not compatible with because the callback expects a syn event in the handler. I think?!
It's all javascript so im unable to trace the root cause or type mistmatches.

Screenshots

If applicable, add screenshots to help explain your problem.

Package version

• stream-chat-react: @latest
• stream-chat-css: @latest
• stream-chat-js: @latest

Desktop (please complete the following information):

• OS: [e.g. iOS] mac osx Apple sillicon
• Browser [e.g. chrome, safari] @latest
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context

Add any other context about the problem here.

[arnautov-anton]

Hey, @jim-spr - truly there's an event object type mismatch, our function expects the event object to have preventDefault function which is not being provided though the custom Next's PressEvent object. You can just omit passing this event object altogether as from what I could find onPress should already handle that for you.

Something like this should work:

onPress={() => {
    sendMessage(undefined);
}}