How i get clicked x, y coordinates in react-zoom-pan-pinch canvas?

[skky-y]

I want to place an item at the x, y coordinates where I've clicked within the react-zoom-pan-pinch canvas. To do this, I need to get the x, y values from the react-zoom-pan-pinch canvas where I clicked. How can I achieve this?

[zardoy]

very easy

onZoom={ref => {
      scale = 1 / ref.state.scale
  }}
  onPanning={ref => {
      scale = 1 / ref.state.scale
  }}

const rect = containerRef.current.getBoundingClientRect()
const { x, y } = { x: e.clientX - rect.left, y: e.clientY - rect.top }
getXyFromAbslute(x: number, y: number) {
        return [x * scale, y * scale]
    }