diff --git a/packages/sdk-components-react/src/image.tsx b/packages/sdk-components-react/src/image.tsx index 6f98b91a31..b7020f1ff6 100644 --- a/packages/sdk-components-react/src/image.tsx +++ b/packages/sdk-components-react/src/image.tsx @@ -37,7 +37,12 @@ type Props = Omit, "loader">; export const Image = forwardRef, Props>( ({ loading = "lazy", ...props }, ref) => { - const { imageLoader, assetBaseUrl } = useContext(ReactSdkContext); + const { imageLoader, renderer, assetBaseUrl } = useContext(ReactSdkContext); + + if (renderer === "canvas") { + // With disabled cache and loading lazy, chrome may not render the image at all + loading = "eager"; + } if ( props.src === undefined ||