Image: Base64 as src is broken

OS: MacOS 10.14

React-pdf version: 1.0.0-alpha.18

Description: Base64 as Image src is broken and throws Couldn't fetch image: <string>. isomorphic-fetch, which used node-fetch under the hood throws Error: only http(s) protocols are supported.

I suspect this commit, that implemented isomorphic-fetch: https://github.com/diegomura/react-pdf/commit/72d0454c0876c24386b7a37b53f39293ef3540d0, as it’s younger than #216, which seems to conclude that this should be working as expected and documented in the docs.

Suggested actions

• Somehow detect and handle base64 strings as src, as node-fetch simply does not support this. Maybe something like Buffer.from(<string>, 'base64').
• Properly output node-fetch errors for future debugging, instead of just Couldn't fetch image: <string>.
• Add a base64 test case in image.test.js.

Alternatively, remove the instructions from the documentation, if this functionality is unwanted.

How to replicate issue including code snippet (if applies): https://runkit.com/embed/uj7thrhoup3u

[kievmontana]

Hi guys!

Make sure that you insert the Image in the correct way: <Image source={ {uri: 'YOUR IMAGE'} }/>

Next check if your base64 size is not too large. - if the size is ok, it should work.

[gavin771]

same for me. No image is rendered.