react-iframe

const Iframe: react.ForwardRefExoticComponent<any>;

postToIframe: (
    iframe: HTMLIFrameElement | null | undefined,
    message: unknown,
    targetOrigin: string
) => boolean;

useIframeMessage: (
    handler: (event: MessageEvent) => void,
    options?: UseIframeMessageOptions
) => void;

type IframeMessageSource =
    | Window
    | HTMLIFrameElement
    | RefObject<HTMLIFrameElement | null | undefined>;

type IframeProps = NativeIframeProps &
    Conveniences &
    (WithUrl | WithSrc | WithSrcDoc);

type SandboxToken =
    | 'allow-downloads'
    | 'allow-downloads-without-user-activation'
    | 'allow-forms'
    | 'allow-modals'
    | 'allow-orientation-lock'
    | 'allow-pointer-lock'
    | 'allow-popups'
    | 'allow-popups-to-escape-sandbox'
    | 'allow-presentation'
    | 'allow-same-origin'
    | 'allow-scripts'
    | 'allow-storage-access-by-user-activation'
    | 'allow-top-navigation'
    | 'allow-top-navigation-by-user-activation'
    | 'allow-top-navigation-to-custom-protocols';

type SandboxValue = SandboxToken | (string & {});

type UseIframeMessageOptions = {
    /**
     * When set, messages from other origins are ignored.
     * A `srcDoc` frame has origin `"null"` (the string).
     */
    origin?: string;
    /**
     * When set, messages whose `event.source` is not this frame's
     * `contentWindow` are ignored. Prefer this over origin-only filtering
     * when several frames share an origin.
     */
    source?: IframeMessageSource | null;
};