The image is loading twice

[ricardocanelas]

I don't know if it is a bug or problem of the browser... but after I put the mouse over the image, the Drift-Zoom is loading again the same image.

In my case, I have a big image that I resize by CSS, and I would like to use the same image to the zoom.

Is there any way to fix it?

[ricardocanelas]

My code:

import Drift from 'drift-zoom';
// ...
componentDidMount() {
  driftInstance = new Drift(document.querySelector(".drift-trigger"), {
    paneContainer: document.querySelector('.drift-detail'),
    containInline: true,
    hoverBoundingBox: true,
    zoomFactor: 3,
    inlinePane: 720,
  });
}

<div className="image-wrapper">
    <img className="drift-trigger" src="myimage.jpg" data-zoom="myimage.jpg"/>
    <div className="drift-detail"/>
</div>