Svelte component to use React components

ReactAdapter.svelte

<script>
    import {onDestroy, onMount} from "svelte"

    export let component
    let container
    let root

    onMount(async ()=> {
        const  {createRoot} = await import('react-dom/client')
        const  {createElement} = await import('react')
        root = createRoot(container)
        root.render(createElement(
            component,
            $$props
        ))
    })

    onDestroy(()=>{
        root.unmount()
    })
</script>

<span bind:this={container}/>