Tengo los datos estáticos en un componente y los paso a otro componente. Estos datos estáticos están en forma de cadena y contienen algunas etiquetas html. Por ejemplo:

 const obj = { ramdomData: "This is an example string.<br />Now I want to apply break here" }

Ahora pasando estos datos en otro componente: <ExampleComponent data={obj} />

en EjemploComponente:

 <div> {props.data.ramdomData} </div>

En el navegador, imprime This is an example string.<br />Now I want to apply break here . Quiero aplicar descanso aquí. ¿Cómo debería hacerlo?