New lines are ignored when using a custom pre element with Shiki code highlighter

[babakfp]

When Svelte renders this:

<MdxElements.pre>...</MdxElements.pre>

Instead of this:

<pre>...</pre>

It removes lines and white spaces!

---

This is the result when using a custom pre element with Shiki:

This is the result when using a custom pre element without Shiki:

This is the result when using Shiki without a custom pre elements:

UPDATE: When using code instead of pre, things work fine.

[babakfp]

This got fixed by converting the tree to string (HTML) and using it like:

"{@html `<code>...</code>`}"