Sendbird UIKit React V3 - Custom message Input: channel.sendUserMessage is not a function

Question

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

import { useState } from 'react'
import { Input, Button, InputGroup, InputGroupAddon } from 'reactstrap'
import sendbirdSelectors from '@sendbird/uikit-react/sendbirdSelectors'
import useSendbirdStateContext from '@sendbird/uikit-react/useSendbirdStateContext'
import { UserMessageCreateParams } from '@sendbird/chat/message'

const CustomizedInput = ({ channel }) => {
  const globalStore = useSendbirdStateContext()
  const sendUserMessage = sendbirdSelectors.getSendUserMessage(globalStore)
  const [message, setMessage] = useState('')
  const params = {
    message,
  } as UserMessageCreateParams

  return (
    <InputGroup>
      <Input onChange={e => setMessage(e.target.value)} />
      <InputGroupAddon addonType='prepend'>
        <Button onClick={() => sendUserMessage(channel, params)}>Send</Button>
      </InputGroupAddon>
    </InputGroup>
  )
}

export default CustomizedInput