import { useEffect } from 'react';
import { useCallbackRef } from './use-callback-ref';

export function useWindowResize(cb: (e: UIEvent) => void) {
  const cbRef = useCallbackRef(cb);
  useEffect(() => {
    const cb = (e: UIEvent) => cbRef.current(e);
    window.addEventListener('resize', cb, { passive: true });
    return () => window.removeEventListener('resize', cb);
  }, [cbRef]);
}