useEventListener hook

useEventListener.js

import { useCallback, useEffect } from "react";

const useEventListener = (targetElement, eventType, callback, deps = []) => {

    const callbackHandle = useCallback(callback, deps);

    useEffect(() => {
        targetElement.addEventListener(eventType, callbackHandle);
        return () => {
            targetElement.removeEventListener(eventType, callbackHandle);
        };
    }, [callbackHandle, ...deps]);

};

export { useEventListener };