Перемещение приближенной картинки

Не могу понять как реализовать перетаскивание увеличенной картинки в react.

Пробовал сделать через onDrag Event и transform: translate3d, но не вышло

const [imageX, setImageX] = useState<number>(0)
    const [imageY, setImageY] = useState<number>(0)

    function onImageDrag(e) {
        setImageX(imageX + (e.clientX - imageX))
        setImageY(imageY + (e.clientY - imageY))
    }

    const imageInlineStyles = { 
       translate3d(${imageX}px, ${imageY}px, 0px)`
  }

UPD: нашёл данный функционал в библиотеке light gallery и решил использовать её, кто найдет способ без сторонних библиотек, пишите...