/** @format */
import { useEffect } from 'react';

function useEdataListener(
  eventName: string,
  callback: (e: Record<string, any>) => void,
  dependence: any[] = [],
) {
  function handleEvent(e: Record<string, any>) {
    if (callback) callback(e);
  }

  useEffect(() => {
    document.addEventListener(`edata-${eventName}`, handleEvent, false);

    return () => {
      document.removeEventListener(`edata-${eventName}`, handleEvent, false);
    };
  }, dependence);

  return null;
}

export default useEdataListener;