diegomura / diegomura/react-pdf

Not valid image extension / Blank space / Next 14 + Dynamic

Open
#2,831 1 comment 2 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
16.8k
Forks
1.3k
Avg merge
5h 6m
Merged PRs (30d)
52

Description

**Describe the bug**
The image is place inside the PDF contaiment tags, another images are rendering, but 1 is not. CORS accessible.
But it seems maybe the image have something, that is not right determed by the library, or whatsoever it is.

(right bottom white blank space)

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

1. Upload images to component
2. Images uploaded to server
3. Use images.map to show inside the each tag

**Expected behavior**
All images should be showed inside PDF, without blank spaces.

**Screenshots**

![image](https://github.com/user-attachments/assets/0c131d9e-1c9d-4cfe-9d16-6bb959d2553e)

![image](https://github.com/user-attachments/assets/23d3727e-6a7a-425d-8f13-75982509ecdd)

**Desktop (please complete the following information):**

- OS: [Windows]
- Browser [chrome]
- React-pdf version [e.g. v3.4.4]

**Files

![main-calista](https://github.com/user-attachments/assets/f7b1c13e-f04c-48d4-8176-12c6caee7a7a)

**How to bypass?

Basically, change the structure of the image, by resizing it or changin formats to another.

Proof is the calista is enabled with the same 100% quality, but in JPG instead of PNG (But another PNG are acceptable)

**Last image
![image](https://github.com/user-attachments/assets/47552d4a-0aab-4d9c-a14f-a8f849b7c602)

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.