Render React Component to Iframe

iframe.tsx

import React, { useRef } from "react"
import { createPortal } from "react-dom"

export const IFrame = ({
    children,
    title,
    ...props
}: HTMLAttributes<HTMLIFrameElement> & {
    children: React.ReactNode
}) => {
    const contentRef = useRef<HTMLIFrameElement>(null)
    const mountNode = contentRef?.current?.contentWindow?.document?.body

    return (
        <iframe title={title} {...props} ref={contentRef}>
            {mountNode && createPortal(children, mountNode)}
        </iframe>
    )
}