Custom container along with <MessageList> for custom user forms

Hey!

I'm making website chat widget and trying to place a fixed div with input field for user name in the between and , like this:

>

...

...

The idea is that input will be visible until user submit his name. Would you suggest how this can achieved?

Probably it would be nice to have a possibility to add custom container inside along with and whatever. Now React complains on "... is not a valid child...".