Sidebar.js - Listen to Custom Messages - Discord Clone

Sidebars.js

...
useEffect(() => {
  ...
  if (cometChat && user) {
    listenCustomMessages();
  }
  return () => {
    ...
    if (cometChat) {
      cometChat.removeMessageListener(user.id);
      ...
    }
  }
}, [user, cometChat]);

const listenCustomMessages = () => {
  cometChat.addMessageListener(
    user.id,
    new cometChat.MessageListener({
      onCustomMessageReceived: customMessage => {
        if (customMessage && customMessage.sender && customMessage.sender.uid && customMessage.sender.uid !== user.id && customMessage.data && customMessage.data.customData && customMessage.data.customData.message) {
          if (customMessage && customMessage.type && customMessage.type === 'friend') {
            loadFriends();
          }
        }
      }
    })
  );
};
...