Images are not rendered due to CORS issue

Describe the bug I am not being able to load some of the images (specially images with large dimensions). Even this image doesn’t work. https://via.placeholder.com/720x400.png

<Image
       style={styles.image}
        src="https://via.placeholder.com/720x400.png"
      />

To Reproduce Steps to reproduce the behavior including code snippet (if applies):

1. Go to ‘https://react-pdf.org/repl’
2. Replace the local image with the remote link -> https://via.placeholder.com/720x400.png
3. Notice that you won’t be able to see image.
4. However, when you use CORS addons like CORS Everywhere, the image shows up.

You can make use of react-pdf REPL to share the snippet

Expected behavior We should be able see the remote image rendered in PDF.

Desktop (please complete the following information):

• OS: [MacOS]
• Browser [chrome, safari, firefox]
• React-pdf version latest

[primordius]

If you are using AWS S3, make sure your bucket has a proper Cross-origin resource sharing and you are setting the random query string mentioned above https://docs.aws.amazon.com/AmazonS3/latest/dev/cors.html#how-do-i-enable-cors Example CORS policy:

<CORSConfiguration>
 <CORSRule>
   <AllowedOrigin>*</AllowedOrigin>
   <AllowedMethod>GET</AllowedMethod>
 </CORSRule>
</CORSConfiguration>

Document:

<Image
  src={imageSource + '?noCache=' + Math.random().toString()}
/>

[llmdev]

<Image
  src={ imageUrl }
  source={{
    header: {
       'Access-Control-Allow-Origin': '*'
    }
  }}
/>

maybe that helps