React-pdf: Re-Render Error JS appendChildBefore after modify state

[jbrat]

Hello diegomura,

I have a problem with the @react-pdf/renderer functions :

When i try to reload the PDFViewer Document when state update, the reac-pdf function try to do a "appendChildBefore" but it isn't a function in Javascript ?

My Component :
image

I have an array of pages, when i click on a checkBox (handleCheckPage) i can hide or show a page in the pdf. When the action of loadPages was call (modify status show on my pages) the state was updated and render the component, i have the error.
At start the PDF loading correctly but when i try update state, it's fail.

You should probably don't use a "appendChildBefore" function that doesn't exist in JS ?

Thank you for answering,
Bye

[nero2009]

Try adding a key when you map through the pages array.

[diegomura]

Please try what @nero2009 suggested.

It's hard, not to say impossible, to know what's going on by your image (also, it's much better to share the code for people can just copy).

If this persist, please provide a simple example I can use to replicate

[jbrat]

Hello,

Thank you for your answers.

I try to add a key but the problem persist.

Link to a simple code example : https://codesandbox.io/s/charming-maxwell-j6oym

You need to open the result in a new window.

When you try to check the "Show page 1" you have this error

Thank's for answering