Render HTML entities from {locale}.json

[ghost]

Hi there!
First, thanks a lot for this awesome project 🙏

I'm using this library with next-14 and I'm trying to use HTML entities within the locale JSON file. To give more context:

{
    "example": "lorem ipsum ispum"
}

and the tsx file where it is used:

/* Imports */

export default function ExamplePage() {
  const t = useTranslations();
  return <h1>{t("example")}</h1>
}

It seems that it's always escaped, and the character is considered as a string. This is rendered as follows on the web page:

lorem ipsum ispum
<!-- Instead of -->
lorem ipsum ispum

To fix the problem, I tried to do it with either rich and raw but it keeps displaying it the same.

I already search in the issues and the discussions, but I couldn't find anything related to it. What am I doing wrong and would there be a way to achieve that?

[amannn]

You can solve this by using the actual character instead of the HTML entity. In case of a  , this is (you can copy-paste this). Wikipedia typically has samples where these special characters can be copied from (e.g. Non-breaking space).

Hope this helps!

[ghost]

It helps! Thanks a 🙏

[abhishekP-bacancy]

How do we render <strong>ipsum</strong> or <b>ipsum</b> tags?