Chat.js - Send Message - React Native Gifted Chat App

Chat.js

...
const Chat = () => {
  ...
  const { cometChat, selectedConversation, user} = useContext(Context);

  const [messages, setMessages] = useState([]);
  ...
  const getReceiverId = () => {
    if (selectedConversation && selectedConversation.guid) {
      return selectedConversation.guid;
    }
    if (selectedConversation && selectedConversation.uid) {
      return selectedConversation.uid;
    }
    return null;
  };

  const getReceiverType = () => {
    if (selectedConversation && selectedConversation.guid) {
      return cometChat.RECEIVER_TYPE.GROUP;
    }
    return cometChat.RECEIVER_TYPE.USER;
  };

  const sendMessageCometChat = (messages) => {
    if (messages && messages.length !== 0) {
      const receiverID = getReceiverId();
      const receiverType = getReceiverType();
      if (receiverID && receiverType) {
        const messageText = messages[0].text;
        const textMessage = new cometChat.TextMessage(
          receiverID,
          messageText,
          receiverType
        );
        cometChat.sendMessage(textMessage).then(
          message => {
            setMessages(previousMessages => GiftedChat.append(previousMessages, messages))
          },
          error => {
          }
        );
      }
    }
  };
  
  const onSend = useCallback((messages = []) => {
    sendMessageCometChat(messages);
  }, []);
  
  ...
  return (
    <>
      <View style={{ backgroundColor: '#fff', flex: 1 }}>
        <GiftedChat
         ...     
         onSend={messages => onSend(messages)}
         ...
        />
      </View>
    </>
  )
  ...
};
...