Not stable rendering of static images

We are encountering an issue with displaying static images. On Android, when navigating back using navigateWithTransition(-1), the images do not load. This behavior used to occur only on Android in versions prior to @shopify/shop-minis-react 0.4.17. Now, this issue also appears on iOS
@shopify/shop-minis-cli”: “0.0.226”

import arrowLeftIcon from '../assets/icons/arrow-left.svg'
<Image src={arrowLeftIcon} />

Hey! Could you provide a more complete reproduction example and a video of it that would really help us look in to this

Hi, @steve-t-shopify. Thank you for helping us investigate this issue. At the moment, this behavior of images can be observed in our application in production. I have taken screenshots of the rendering on iOS and Android. There are screens where images in various formats (SVG, WebP) are not displayed.

Link to the mini: https://shop.app/mini/makeup-master

Hey! Thank you for such a detailed bug report - we have already fixed this issue and it will ship with the next version of Shop to hit the Play Store (likely in the next week or so).

I realise this negatively impacts the ux of your mini on Android - I can disable your mini until then if you prefer?

Thank you very much for your help. We will wait for the update; please do not deactivate our application.

1 Like