¿Existe una herramienta o una forma rápida de convertir cadenas HTML arbitrarias en cadenas JSX válidas? Y por cadena, me refiero a una cadena real.

 const htmlString = "<button class="foo" onclick="..." >Hello World</button>" const jsxString = htmlStringToJsxString(htmlString) console.log(jsxString)

Y mi resultado deseado:

"<button className="foo" onClick="..." >Hello World</button>"

No estoy tratando de analizar HTML y luego renderizar JSX, ni estoy inyectando HTML en el DOM . Necesito específicamente convertir una cadena HTML a las convenciones de JSX (atributos de carcasa de camello, reemplazando "clase" con "className", etc.).