React useEvent hook

use-event.ts

import { useCallback, useLayoutEffect, useRef } from "react"

export function useEvent<Args extends unknown[], Return>(
  callback: (...args: Args) => Return,
) {
  const ref = useRef((...args: Args): Return => {
    throw new Error("Attempt to call event callback during render")
  })

  useLayoutEffect(() => {
    ref.current = callback
  })

  return useCallback((...args: Args) => ref.current(...args), [])
}