Overriding styles in dangerouslySetInnerHTML?

Question

css

There is a component in React that receives markup from the server in the form of HTML - it is filled in through the editor in the admin panel, it looks like this


But when I insert html

<Section
      dangerouslySetInnerHTML={{
        __html: description
      }}
    />

Styles received from the server are overridden by site styles, because of this it is displayed incorrectly


How to fix this?

Answer 1

Alternatively, use styles.module.(css|sass|scss), then each class will be unique and inimitable, and styles will not override your styles, BUT there is a minus you will have to rewrite all files to .module.css