useEventHandler

Stabilize a function's reference across renders. The function is always up to date in effects and DOM events.

Deprecated

For React 19.2.0+, use the built-in useEffectEvent hook instead.

Installation

npm install @1hook/use-event-handler

import { useEventHandler } from '@1hook/use-event-handler'

Provide a function to useEventHandler:

const onData = useEventHandler(props.onData)

onData now has a stable identity, making it safe to use in useEffect.

useEffect(() => {
  // only runs once
}, [onData])

useDocumentVisibility

Track the visibility of the document.

useEventListener

React version of `addEventListener`, optimized for performance and memory usage.