you can always just do:

    <script src="react.js">
    <script src="react-dom.js">
    <script> 
    const recognition = undefined
    var foo = document.querySelector("#foo")
    let bar = ReactDOM.createRoot(foo)
    foo.innerHTML = bar.render("<b>eyond<a>ll{recognition}");
    </script>