How do I preload images using react VR?

See more: (untagged)

I'm making a virtual tour in a house using React VR and would preload next panorama image when the user transport from room. After preload I would use the image from the local disk cache.

I've tried this code below

<Pano style={{ display: 'none' }} source={asset(`360/${this.thePanoImage}`)} />

But it doesn't see on this image.

Above the red line is when the virtual tour is loading for the first time. You see leefruimte.jpg is downloaded in nine milliseconds. After transportation (under the red line), leefruimte.jpg is downloaded again, but now in twelve milliseconds.

I'm accepting that the image leefruimte.jpg was taken from the loaded image in scene zero and was cached.

Also the images navigationCircle.png and focusspot.png, wouldn't be preloaded.

What I have tried:

See text above:

<Pano style={{ display: 'none' }} source={asset(`360/${this.thePanoImage}`)} />