Render text using map on PDF

[EnzoPujol]

Hi, I've been trying to render multiple text conditionally but it justs renders the first element in the PDF Component. Is there a way to do this so the page renders multiple text?

What I have in the document is the following:

`

  <Page size="A4">
    <View style={styles.imageSection}>
      <PDFImage src="/nar-logo.png" style={styles.image} />
    </View>
    <View
      style={{
        borderRadius: "6px",
        display: "flex",
        marginTop: "20px",
        height: "50px",
        marginHorizontal: 24,
      }}
    >
      <PDFText
        style={{
          fontWeight: 500,
          fontSize: "14px",
        }}
      >
        {dayjs().toDate().toLocaleDateString()}
      </PDFText>
      <PDFText
        style={{
          fontWeight: 600,
          fontSize: "14px",
        }}
      >
        {name}
      </PDFText>
      {sections?.map((sec) => (
        <View key={sec.id}>
          <Text
            style={{
              fontWeight: 600,
              fontSize: "14px",
            }}
          >
            {sec?.title}
          </Text>
          <PDFText
            style={{
              fontWeight: 600,
              fontSize: "14px",
            }}
          >
            {sec?.content}
          </PDFText>
        </View>
      ))}
      <PDFText
        style={{
          fontWeight: 500,
          fontSize: "14px",
        }}
      >
        End of contract
      </PDFText>
    </View>
  </Page>
</Document>

`

being sections and array of objects with values. Is there any solution for this matter? Thank you for your attention!