🤖 Rendering MDX with the Vercel AI Chatbot component + Vercel AI SDK

[steady trout]

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?

[feral nimbus]

Post created!

🔎 This post has been indexed in our web forum and will be seen by search engines so other users can find it outside Discord

🕵️ Your user profile is private by default and won't be visible to users outside Discord, if you want to be visible in the web forum you can add the "Public Profile" role in id:customize

✅ You can mark a message as the answer for your post with Right click -> Apps -> Mark Solution
(if you don't see the option, try refreshing Discord with Ctrl + R)

[steady trout]

🤖 Rendering MDX with the Vercel AI Chatbot component + Vercel AI SDK