How to render HTML from the frontmatter?

[bytrangle]

The [Card component] renders blog posts in card view. Suppose the description field of blog posts contains html like this:

---
description: Some © Title
---

Normally, Astro can be configured to parse that html by setting set:html on a html tag:

<p set:html={desccription}></p>

However, this Card component is JSX so it will throw an error:

Type '{set:html:string} is not assignable to type 'DetailedHTMLProps'

This is a common error warning (example because set:html is not a valid attribute on a div element.

What can I do about it?

What can I do about it?