What's the recommended pattern for dealing with setting hotkeys dynamically at runtime?

[prajendra-is]

I have a situation where I'm trying to set some keyboard shortcuts, based on some data that is fetched hwen a page loads. Because this is a hook, it shouldn't be set conditionally, in a loop, or in a useEffect. What's the recommended way of handling this? Is it to use the Original react-hotkeys extension?

Basically my logic is the following:

1. I fetch some data
2. I create a map from the desired hotkey to some object
3. I want to set hotkey triggers (but can't with useHotKeys) for each item in this map (basically, when each hotkey is triggered, it calls a function, with the aforemnetioned object as an arg)

Thanks!

[prajendra-is]

For anyone finding this in the future, I followed what was done in the second answer here https://stackoverflow.com/questions/62933902/varying-number-of-hooks-for-keyboard-shortcuts (basically, dynamically create some components; and in the definition of the component, it calls useHotKeys)