Image Not Loading on First Visit (iOS) – Checkout UI Extension

Extensions
1

Hi everyone,

I’m encountering an issue with a Checkout UI extension where images embedded via from @shopify/ui-extensions-react do not load on the first visit on iOS devices. The image appears blank initially but loads correctly after a page reload.

This only happens in the live checkout environment, which makes it difficult to reproduce locally or in test mode.

Here are the versions in use:
• @shopify/ui-extensions: 2024.7.0
• @shopify/ui-extensions-react: 2024.7.0
• @shopify/app: 3.58.2
• @shopify/cli: 3.67.2

Has anyone else run into this issue or found a reliable workaround? I’d appreciate any insight or suggestions!

Thanks in advance.

2

Is there anything in the network tab, if you debug?
Is the image lazy loading etc?
Whats the size of the image?

3

As I debugged, the image is still successfully loaded in the Network tab, and its size is approximately 32.77 KB.

4

Are any errors displayed in the developer console?

Can you try create an image at checkout with Checkout Blocks app and see if that works?

5

There is no error in console