Tengo un backend de wordpress que alimenta un front-end de reacción.

En mi backend de wordpress, estoy tratando de desarrollar la capacidad de definir páginas de código de reacción que luego puedo representar dinámicamente en el front-end. Descubrí la mayor parte del proceso, analizando el HTML de la página con Cheerio y luego convirtiéndolo en componentes de reacción (usando una tabla de búsqueda con una biblioteca de componentes de reacción y devolviendo el conjunto en la página).

Sin embargo, mi próximo objetivo es manejar casos más difíciles, como las definiciones de estilo JSX:

 <ComponentA otherComponents={[<CompB />, <CompC />] />

Un código como este no funcionará bien con una biblioteca de análisis de HTML como Cheerio. Estoy tratando de averiguar cómo puedo llevar esto a algún tipo de forma de 'objeto' para poder entenderlo en el lado de javascript. Antes, cheerio me permitió analizar a través de cada padre e hijo.

¿Hay alguna buena Text->JSX Tools disponible que pueda ayudar con esto? De manera realista, no necesito JSX, solo necesito poder analizarlo desde el texto para luego generar dinámicamente mis componentes de reacción