useZoom.js

export function useZoom({ onZoom }) {
  useEffect(() => {
    let lastRatio = window.devicePixelRatio
    function checkZooming(event) {
      if (lastRatio !== window.devicePixelRatio) {
        if (onZoom) {
          onZoom(event)
        }
        lastRatio = window.devicePixelRatio
      }
    }
    window.addEventListener('resize', checkZooming)
    return () => {
      window.removeEventListener('resize', checkZooming)
    }
  }, [onZoom])
}