import { Dialog } from "mdui"
import useAsyncEffect from "../../utils/useAsyncEffect"
import sleep from "../../utils/sleep"
import { BlockerFunction, useBlocker, useNavigate } from "react-router"
import * as React from 'react'

export default function useRouterDialogRef() {
    const dialogRef = React.useRef<Dialog>()

    useAsyncEffect(async () => {
        await sleep(10)
        dialogRef.current!.open = true
    }, [])
    return dialogRef
}