Tengo un problema con React.

Así que estoy construyendo este generador que puede pensar como arrastrar y soltar. Entonces lo que quiero lograr es decir,

Texto Hello World, < ComponentName / > : este componente debe mostrarse en el front-end como lo haría normalmente. Se importa en el front-end de React, pero cuando agrego esto, guárdelo en el lado del servidor como una cadena y cuando lo uso peligrosamente para cargar en el renderizado, el HTML DOM se convierte en un elemento...

¿Alguna forma de lograr esto? o no lo harías de esta manera en absoluto?

Cualquier ayuda sería apreciada