---
# System prepended metadata

title: Translated HTML
tags: [brew-js-react]

---

---
tags: brew-js-react
---

# Translated HTML

To render translated HTML content, use `translate.html` or `t.html` from `useTranslation` hook.

It returns the formatted HTML in the shape that `dangerouslySetInnerHTML` requires.

```typescript
const resources = {
    en: {
        prefix: { key: '<b>bold text</b>' }
    }
};

const { translate, useTranslation } = makeTranslation(resources, 'en');

function Component() {
    const { t } = useTranslation('prefix');
    return (
        <div dangerouslySetInnerHTML={t.html('key')}></div>
    );
}
```

would render:

```htmlembedded
<div><b>bold text</b></div>
```
