Problema: veo un código HTML sin procesar que se muestra como una cadena. Actualmente, los datos se almacenan en un objeto.

Datos

 const data = [ { title: "Hello" body: "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean est mauris, tempor at aliquam vitae, mattis iaculis ex. Donec suscipit enim non nisi maximus, vel tincidunt ex accumsan</p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean est mauris, tempor at aliquam vitae, mattis iaculis ex. Donec suscipit enim non nisi maximus, vel tincidunt ex accumsan</p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean est mauris, tempor at aliquam vitae, mattis iaculis ex. Donec suscipit enim non nisi maximus, vel tincidunt ex accumsan</p>" } ]

Componente hijo

 <div> <h3>{props.title}</h3> {props.body} </div>

Esto es lo que se muestra en el navegador (incluye <p> )

 Hello <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean est mauris, tempor at aliquam vitae, mattis iaculis ex. Donec suscipit enim non nisi maximus, vel tincidunt ex accumsan</p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean est mauris, tempor at aliquam vitae, mattis iaculis ex. Donec suscipit enim non nisi maximus, vel tincidunt ex accumsan</p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean est mauris, tempor at aliquam vitae, mattis iaculis ex. Donec suscipit enim non nisi maximus, vel tincidunt ex accumsan</p>

¿Cómo puedo renderizar el contenido para que el

se interpreta como un elemento html en el navegador y no como una cadena?