Rendering Images with dynamic URI

[sk-ghost]

I'm trying to render a .pdf that includes a unique QR code image, the url of which is being passed down via props.
Is there a way to render an <Image /> where the uri in the src object is dynamic?

My first two approaches produce the following error Warning: Image skipped because src prop is [object Object]

APPROACH A
 <Image
    style={styles.qrCode}
    src={{
        // uri: qrCode,
        // uri: props.qrCode,
        uri: `${props.qrCode}`,
        method: 'GET',
        headers: {},
        body: ''
    }}
/>

APPROACH B
<View render={() => {
   console.log('in render fn. qrCode =', qrCode);
   return (
      <Image
         style={styles.qrCode}
         src={{
             // uri: qrCode,
             // uri: props.qrCode,
             uri: `${props.qrCode}`,
             method: 'GET',
             headers: {},
             body: ''
        }}
     />
    )
}} />

I then attempted to create a local variable called imageJSX with the value set to the necessary jsx string (basically Approach A) that I want to render. All of these approaches produced the following error:

index.js:1 Error: Type mismatch
   at pushPointer (nbind.js:1272)
   at pushMutablePointer (nbind.js:1281)
   at Array.<anonymous> (nbind.js:1290)
   at Bound.eval [as insertChild] (eval at buildCallerFunction (nbind.js:1445), <anonymous>:1:116)
   at View.appendChild (Node.js:22)
   at View.appendChild (Base.js:73)
   at Page._callee$ (Page.js:130)
   at tryCatch (runtime.js:63)
   at Generator.invoke [as _invoke] (runtime.js:293)
   at Generator.next (runtime.js:118)
   at asyncGeneratorStep (asyncToGenerator.js:3)
   at _next (asyncToGenerator.js:25)
   at asyncToGenerator.js:32
   at new Promise (<anonymous>)
   at Page.<anonymous> (asyncToGenerator.js:21)
   at Page.addDynamicChild (Page.js:122)
   at Page._callee2$ (Page.js:153)
   at tryCatch (runtime.js:63)
   at Generator.invoke [as _invoke] (runtime.js:293)
   at Generator.next (runtime.js:118)
   at asyncGeneratorStep (asyncToGenerator.js:3)
   at _next (asyncToGenerator.js:25)

NOTE: Approaches D&E attempt to just plop the stringified JSX in line with other rendering elements.

APPROACH C
<View render={() => {
      return `${imageJSX}`
   }}
/>

APPROACH D
imageJSX

APPROACH E
{imageJSX}

[diegomura]

Either A or B should work. What react-pdf version are you using? Can you provide a valid snippet I can quickly run to reproduce this?

[sk-ghost]

Thank you so much for your quick offer of assistance! I was able to track the issue down to problems with using Google Cloud Storage buckets. The library performs as expected and is working great!