Is there is a tool or quick way to convert arbitrary HTML strings to valid JSX strings? And by string, I mean an actual string.

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

And my desired output:

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

I'm not trying to parse HTML then render JSX, nor am I injecting HTML into the DOM. I specifically need to convert an HTML string to the conventions of JSX (camel-casing attributes, replacing "class" with "className", etc).