Generating PDF from array

I am trying to generate different pages of pdf from an array of objects. bascially I have a selectable table like this, which is generated from an array, what I wanted to achieve is that you can generate a pdf from every selected row, I can also select all and generate a pdf file for all them using <PDFDownloadLink> problem is that when I unselect a particular row, I get this error in the console and when I download the pdf I get rows that I initially selected then unselected.

• OS: Windows
• Browser: Firefox
• React-pdf version: 1.6.0

[diegomura]

Hey @nero2009 ! I just saw this sorry. Checking at your example, it seems that iterating through an array and rendering pages fails. The renderer does not update the document appropriately.

However, rendering any other component from the array works:

function PdfPage(props) {
  return (
    <Document>
      <Page>
        {props.data
          ? props.data.map((a, index) => {
              return (
                <View key={index}>
                  <Text>{a.id}</Text>
                  <Text>{a.name}</Text>
                  <Text>{a.color}</Text>
                </View>
              );
            })
          : ""}
      </Page>
    </Document>
  );
}

Now that the cause is clear I can work on a fix. I guess you strictly need a <Page /> per element right?

[Y1a2s3h4]

In my case, I am passing an array of objects but only one object sends and then the log says [{…}]. It should change on my adding of components