React hook for AbortController with reset

abort-controller.js

function useAbortController(runEffect=false, runLayoutEffect=false) {
    const acRef = useRef()
    const getAbortController = useCallback(() => {
        if (!acRef.current) {
            acRef.current = new AbortController()
        }
        return acRef.current
    }, []);

    if (runEffect) {
        useEffect(() => {
            return () => {
                acRef.current && acRef.current.abort()
            }
        }, [])
    }
    if (runLayoutEffect) {
        useLayoutEffect(() => {
            return () => {
                acRef.current && acRef.current.abort()
            }
        }, [])
    }

    const resetAbortController = useCallback(() => {
        acRef.current = new AbortController()
    }, [])

    return [getAbortController, resetAbortController]
}

@sagarpanchal You are right. My gist is a simple example with not changeable params of useAbortController.