Как иметь содержимое уценки в компонентах в файлах MDX?

Я работаю над проектом со страницами MDX с использованием компонентов React. Когда я добавляю текст внутри компонента, я хотел бы, чтобы был сгенерирован HTML (например, с содержимым вне компонентов). Но сгенерированная страница содержит только текст внутри компонента, а не HTML.

Это мой код:

Компонент js:

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

Страница многомерных выражений:

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

Созданная страница:

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

Ожидаемое поведение:

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

Как я могу это исправить?

Спасибо!