Estoy usando peligrosamente SetInnerHTML para mostrar el cuerpo de mi blog donde también tengo código en el cuerpo de mi blog. Pero mi código se muestra como texto. ver la captura de pantalla

Cómo puedo resaltar mi código y agregar un portapapeles en un bloque de código.

Aquí está mi código:

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