MaxKey/summer-ospp/2022/MaxKey-React/src/hook/useSyncCallback.ts

import { useEffect, useState, useCallback } from 'react'

const useSyncCallback = (callback:Function)=> {
    const [proxyState, setProxyState] = useState({ current: false })

    const Func = useCallback(() => {
        setProxyState({ current: true })
    }, [proxyState])

    useEffect(() => {
        if (proxyState.current === true) setProxyState({ current: false })
    }, [proxyState])

    useEffect(() => {
        proxyState.current && callback()
    })

    return Func
}

export default useSyncCallback