Why is GlobalHotKeys (react-hotkeys) not functioning while the input field is in focus?

edit

This is because when an input field is in focus, it receives all keyboard events, including the global hotkeys that are registered in the browser. To work around this, you can set a condition that checks if the input field is in focus and temporarily disables the hotkeys. This can be done by adding an event listener to the input field that sets a boolean variable to true when it is in focus, and false when it loses focus. You can then use this variable as a condition to enable or disable the hotkeys as needed.