Is your feature request related to a problem? Please describe.
I'm always frustrated when I have lots of unnecessary renders and I'm not sure how to find what's causing it

Describe the solution you'd like
I'd like a hook that prints out in the console why a component rerendered if no values changed

Summary

As a developer, I would like to have a hook that can make it easy to detect when a user is pressing a specific key on their keyboard so that I can fire off a callback on keypress.

Implementation

• This request takes inspiration from this recipe.
• The Hook should provide type safety.
• You could also utilize the useEventListener hook to make registration and unregistration easier.

Proposed Signature:

export default function useKeyPress<T extends Element>(targetKey: string, element?: T): boolean

Acceptance Criteria

• The hook takes in a string that represents the target key, and an optional element to bind the listener to.
  • If no element is passed in, the window object should be used to bind the listener.
• The hook should remove the listener when the component unmounts
• The hook should return true when the target key is being pressed and false when the target key is not being pressed.
• The hook should return false when any key other than the target key is pressed.
• There should be adequate test coverage
• There should be a README.md file that provides good documentation about how the user will use the hook.