I am using markdown-to-jsx in a progra that streams text from a GPT. In it, the GPT can make custom components in the styles of ”. However, the code to render something like this is:
<Markdown
children={message.text}
options={{
overrides: {
CarouselComponent: {
component: CarouselComponent,
props: { styles: styles },
},
},
}}
/>
This means that the component only renders after everything has been written out. How do I have a component that renders a loading animation for my component using markdown-to-jsx while the component is being written but hasn’t been fully written yet? Thank you!