Sendbird react V3: TypeError: channel.sendUserMessage is not a function

Sendbird Chat UIKit React
1

I am getting this error when trying to use custom input and send message in v3. can anyone help?

import { EuiTextArea, EuiFilePicker, EuiButton } from '@elastic/eui'
import { useState } from 'react'
import sendbirdSelectors from '@sendbird/uikit-react/sendbirdSelectors'
import useSendbirdStateContext from '@sendbird/uikit-react/useSendbirdStateContext'
import { UserMessageCreateParams } from '@sendbird/chat/message'

const CustomizedMessageInput = props => {
  const [inputText, setInputText] = useState('')
  const [files, setFiles] = useState({})

  const globalStore = useSendbirdStateContext()
  const sdk = sendbirdSelectors.getSdk(globalStore)

  function handleFileChange(file) {
    console.log(file[0])
    setFiles(file[0])
  }
  const sendUserMessage = sendbirdSelectors.getSendUserMessage(globalStore)
  const params = {
    message: inputText,
  }

  return (
    <div className='flex'>
      <div className='flex-grow'>
        <EuiTextArea
          fullWidth
          value={inputText}
          onChange={e => setInputText(e.target.value)}
          placeholder='Placeholder text'
          aria-label='Use aria labels when no actual label is in use'
        />
        <EuiFilePicker
          multiple
          fullWidth
          onChange={files => handleFileChange(files)}
          initialPromptText='Select or drag and drop multiple files'
          display='default'
          aria-label='Use aria labels when no actual label is in use'
        />
      </div>
      <div className='flex items-center justify-center'>
        <EuiButton onClick={() => sendUserMessage(props.channel, params)}>
          Send
        </EuiButton>
      </div>
    </div>
  )
}

export default CustomizedMessageInput
2

I think you used the wrong because func getSendUserMessage has 2 parameters: channel: GroupChannel|OpenChannel, UserMessageCreateParams: UserMessageCreateParams
I have an example.

image
image2310×378 56.8 KB