React-pdf: Local image not rendering

[skjo0c]

Describe the bug
I am trying to get image from my local path, but the image is not showing in pdf. I believe it should be simple path defination, but tried with allowDangerousPaths in my react project. I am trying to do following:

<Image source="../../assets/ball.jpg" />

Expected behavior
Load image from the local path

Screenshots

[skjo0c]

Only able to do it with data uri

[Reg011]

You can't put a relative path. See https://react-pdf.org/components#source-object

[MiracleGodspeed]

Only able to do it with data uri

So how exactly did u resolve the issue using data uri?

[skjo0c]

Only able to do it with data uri

So how exactly did u resolve the issue using data uri?

I imported the image and passed it to src:

import Logo from 'assets/logo.png'
<Image style={styles.image} src={Logo} />

[MiracleGodspeed]

import Logo from 'assets/logo.png'

```

Imported images work fine no doubt. Images retrieved from enpoints however do not render. returns cors error

[MiracleGodspeed]

   <Image src={{uri:this.state.staffDocx?.imageUrl, method: 'GET', headers:{'Access-Control-Allow-Origin': '*'}}}/>

How I attempted it