Function useOnEscapePress

packages/react/src/hooks/useOnEscapePress.ts:53–81

(
  onEscape: (e: KeyboardEvent) => void,
  callbackDependencies: React.DependencyList = [onEscape],
)

 * memoized. See `React.useCallback` for more info on memoization.
 */
export const useOnEscapePress = (
  onEscape: (e: KeyboardEvent) => void,
  callbackDependencies: React.DependencyList = [onEscape],
): void => {
  // eslint-disable-next-line react-hooks/exhaustive-deps
  const escapeCallback = useCallback(onEscape, callbackDependencies)

  const handler = useCallback<KeyboardEventCallback>(
    event => {
      if (event.key === 'Escape') escapeCallback(event)
    },
    [escapeCallback],
  )

  const id = useMemo(() => handlerId++, [])
  useEffect(() => {
    if (Object.keys(registry).length === 0) {
      document.addEventListener('keydown', handleEscape)
    }
    register(id, handler)

    return () => {
      deregister(id)
      if (Object.keys(registry).length === 0) {
        document.removeEventListener('keydown', handleEscape)
      }
    }
  }, [id, handler])
}