Message.Header / Footer do not appear if using the 'direction' property

[Johnne25]

This shows the header:

<Message model={{
  message: "Hello my friend",
  sentTime: "just now",
  sender: "Joe"
}}>
<Message.Header sender="Emily" sentTime="just now" />
</Message>

This one does not:

<Message model={{
  message: "Hello my friend",
  sentTime: "just now",
  sender: "Joe",
  direction: "incoming",
}}>
<Message.Header sender="Emily" sentTime="just now" />
</Message>

[supersnager]

@Johnne25 Thank you for your report. It's a bug in @chatscope/chat-ui-kit-styles repository.
Please watch a dedicated issue there: chatscope/chat-ui-kit-styles#2

[supersnager]

I have added an explanation chatscope/chat-ui-kit-styles#2 (comment)