I am using dangerouslySetInnerHTML for showing my blog body where I also have code in my blog body. But my code showing like as text. see the screenshot

How I can highlight my code and add clipboard on code block.

here is my code look like:

<div
className="blog_details"
property="description"
dangerouslySetInnerHTML={{
 __html: data.blog_body.slice(0, 200),
}}
/>