useEvent<T>

import { useRef, useInsertionEffect, useCallback } from 'react';

// Define a type for the event function
type EventFunction = (...args: any[]) => any;

export function useEvent<T extends EventFunction>(fn: T): T {
  const ref = useRef<T | null>(null);

  useInsertionEffect(() => {
    ref.current = fn;
  }, [fn]);

  return useCallback((...args: Parameters<T>): ReturnType<T> => {
    const f = ref.current;
    if (f) {
      return f(...args);
    }
  }, []) as T;
}