How do I make the on/off functions to accept an event name from a string variable?

[fantasyz]

I have a component using mitt like this:

// ...
useEffect(() => {
    eventEmitter.on("itemsArrived", onDataArrived);

    return () => {
      eventEmitter.off("itemsArrived", onDataArrived);
    };
  }, []);
// ...

I am trying to extract some part of the component into a generic one. Most of the extraction is simple but I don't know how to make it accept the event names via component Prop and pass the names to the on/off function.

What I want to do:

ItemDataUpdater.tsx

...
<DataUpdaterBase eventName="itemsArrived" onDataArrived={onItemsArrived} ...  />
...

However, there will be error if I pass a string variable instead of providing a string argument directly the functions. Any idea how I could solve this? I don't understand how the argument type work here.