dbl-components/src/js/hooks/use-event-handler.js

Framework based on bootstrap 5

import { useEffect } from "react";

import { eventHandler } from "dbl-utils";

export default function useEventHandler(events, id) {
  const eventNames = Object.values(events).map(([name]) => name).join('.');
  useEffect(() => {
    Object.values(events).forEach(([evtName, evtCallback]) => {
      eventHandler.subscribe(evtName, evtCallback, id);
    });
    return () => {
      Object.values(events).forEach(([evtName]) => {
        eventHandler.unsubscribe(evtName, id);
      });
    }
  }, [eventNames, id]);
}