Next js получить разметку в виде строки и применить стили
Есть проект, написанный на Next js. Я получаю с сервера разметку с классами в виде строки, например:
<h1 class="title">Привет</h1>
Мне нужно распарсить разметку из строки (это получилось), вставить ее в компонент JSX и применить стили по классам из разметки (это не получилось).
Описание стилей разметки находится в глобальном файле стилей (названия классов полностью совпадают), но стили не применяются. Как можно решить проблему?
return (
<>
<div className={s.containeredContent}>
{ReactHtmlParser(article.body)}
</div>
</>
);
ReactHtmlParser - из библиотеки 'react-html-parser' acticle.body - строка с разметкой