Ability to scope to elements

It would be nice if it had to ability to scope based on a ref. Example:

  const ref = useHotkeys('ctrl+k', () => setCount(prevCount => prevCount + 1));
    
  return (
    <p ref={ref} tabindex={-1}>
      Pressed {count} times.
    </p>
  );

[JohannesKlauss]

Using 2.2.0 the hook returns an RefObject that can be set to any element taking a ref. Then the callback will only get executed when the reffed object is focused.

[frycz]

No problem. After analyzing our needs we realized that our case is so simple that we don’t need any external libraries nor generic solutions. We just added a keydown event listener to our input component.