Как отрендерить html в react компоненте?

Question

[nepster-web]

Всем привет.

Попал проект на поддержку, в нем есть компонент для переводов.

<Trans item="trans::key" />

Который по ключу trans::key возвращает строку перевода, которая может содержать html.

Рендер выглядит так (используется TypeScript):

const ComText = () => {
    return (<Trans item="trans::key" />);
};

export default ComText;

На выходе получается:


dangerouslySetInnerHTML не залетает из-за тайп скрипта

Как можно отрендерить hml в такой ситуации ?

Answer 1

[Василий Банников]

dangerouslySetInnerHTML не залетает из-за тайп скрипта

Бахаешь as any или as unknown
Профит.
Может быть, в реакт добавили что-то новое для этого, так что я подожду ещё ответов