Hi, I am using the message component and when I am adding a message or
messages.addMessage({
text: getData.cus_message,
type: ‘received’,
name: getData.fullname,
avatar: getData.pro_pic
});
in my console log showing this error
“Cannot read property ‘isTitle’ of undefined”
Here is my declaration of messages variable
messages = $f7.messages.create({
el: ‘.messages’,
// First message rule
firstMessageRule: function (message, previousMessage, nextMessage) {
// Skip if title
if (message.isTitle) return false;
/* if:
- there is no previous message
- or previous message type (send/received) is different
- or previous message sender name is different
*/
if (!previousMessage || previousMessage.type !== message.type || previousMessage.name !== message.name) return true;
return false;
},
// Last message rule
lastMessageRule: function (message, previousMessage, nextMessage) {
// Skip if title
if (message.isTitle) return false;
/* if:
- there is no next message
- or next message type (send/received) is different
- or next message sender name is different
*/
if (!nextMessage || nextMessage.type !== message.type || nextMessage.name !== message.name) return true;
return false;
},
// Last message rule
tailMessageRule: function (message, previousMessage, nextMessage) {
// Skip if title
if (message.isTitle) return false;
/* if (basically same as lastMessageRule):
- there is no next message
- or next message type (send/received) is different
- or next message sender name is different
*/
if (!nextMessage || nextMessage.type !== message.type || nextMessage.name !== message.name) return true;
return false;
}
});
Can you help to address this issue or if you had an experience like this. Please let me know how, Thank you.