Need some actual real life samples about chat-ui-kit-react HOT 1 CLOSED

@Johnne25
I'm not sure if I understand well your question, but I'll try to answer :).
Your code probably isn't working, because ChatContainer allows placing only children with specified types.
If you want to place ChatMessageList instead of MessageList you should add "as" property to your component.
Please read more about this technique here:
#7 (comment)
and here:
https://chatscope.io/storybook/react/?path=/docs/documentation-recipes--page#changing-component-type-to-allow-place-it-in-container-slot
and here is an example:
https://chatscope.io/storybook/react/?path=/docs/components-chatcontainer--wrapped-message-input#wrapped-messageinput

Instead changing the component type in the retured element:

return (
            <div as={MessageList}>
                {messageItems}
            </div>            
        );

You should add "as" property to your ChatMessageList directly:

<ChatMessageList as={MessageList} messages={this.props.conversations[selected].messages}/>

Please also don't use a second argument (index) of the map method as key in a list. It's not good practice. React documentation says:
"We don’t recommend using indexes for keys if the order of items may change. This can negatively impact performance and may cause issues with component state" Read more here: https://reactjs.org/docs/lists-and-keys.html#keys

To generate a unique id you can use the wonderful https://github.com/ai/nanoid library. But be careful theirs react example is not quite good ;)

I'll try to prepare some new examples in the documentation.

from chat-ui-kit-react.