Master React in Webflow - Webflow Code

<script crossorigin src="https://unpkg.com/react@18/umd/react.production.min.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@18/umd/react-dom.production.min.js"></script>
<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>

<script type="text/babel" data-presets="env,react">
    function HeadingOne({ children }) {
        return <h1>{children}</h1>;
    }

    function App() {
        return <HeadingOne>Hello World</HeadingOne>;
    }

    const element = document.getElementsByClassName('react')[0];
    const root = ReactDOM.createRoot(element);
    root.render(<h1>Hello world!</h1>
</script>