I'm trying to implement a Generative UI feature in my chat. I want the component to rendered right in the chat interface.

I'm using this chat component: https://github.com/vercel-labs/ai-chatbot

I attached a screenshot where you can see the MDX being printed but the component is not rendering. The second screenshot is what that MDX is supposed to look like. It's valid MDX.

What do I have to do to make the chat component render react in the chat UI?