Using an Image within the render function of a View causes the render process crash

[pganster]

Describe the bug
Using <Image /> within the render() function of a View causes the render process to crash and the following error message is shown: Error: TypeError: Cannot read properties of undefined (reading 'width').

To Reproduce

1. Use an image within the render function: <View render={() => <Image src="/images/quijote1.jpg" />} />
2. The rendering crashes

In this REPL you can see the crash in action.

Expected behavior
The rendering should not crash and the image should be rendered. I'm using the render function, so I can render an image on every page except on the first page.

Desktop (please complete the following information):

• OS: Linux
• Browser: No Browser, I'm generating PDFs in a NodeJS context.
• React-pdf version: v3.0.0

[ZabeehUllah]

I am facing the same issue. I am unable to render dynamic image. Have you found the solution?

[pganster]

No I haven't and there are many issues regarding this and I don't hink this will be fixed.

#1936
#1630
#1587
#1369

[ZabeehUllah]

@pganster any alternative library that might work better for such scenario?

[pganster]

@ZabeehUllah You can try working with pdfjs, which react-pdf uses underneath. But I have no idea whether this use case is possible or not with that library. I ended up displaying the image on every page.

[ZabeehUllah]

Okay, I will give it a try. Thank you anayway.