Reactjs 如何在MDX文件的组件中包含标记内容？

我正在处理一个使用React组件的MDX页面项目。当我在组件内添加文本时，我希望生成HTML（就像组件外的内容一样）。但是生成的页面在组件中只有文本，而没有HTML

这是我的代码：

组件js：

<Container>
    {props.children}
</Container>

{props.children}

MDX页面：

<Component>
     **Generated HTML**
</Component>

**生成的HTML**

生成的页面：

<div>
     **Generated HTML**
</div>

**生成的HTML**

预期行为：

<div>
     <p><strong>Generated HTML</strong></p>
</div>

生成的HTML

我怎样才能解决这个问题

谢谢

我找到了解决方案，我只需要在标签之间添加一条新行，如下所示：

<Component>

**Generated HTML**

</Component>

**生成的HTML**

---

谢谢你的帮助

你试过使用吗？是的，当然，整个项目都使用它