Unable to use DownloadLink with the code in the docs

Describe the bug A clear and concise description of what the bug is.

To Reproduce Steps to reproduce the behavior including code snippet (if applies):

1. Go to https://react-pdf.org/advanced#dynamic-content/#on-the-fly-rendering
2. Run the code inside the Download Link section:

import { PDFDownloadLink, Document, Page } from '@react-pdf/renderer'

const MyDoc = () => (
  <Document>
    <Page>
      // My document data
    </Page>
  </Document>
)

const App = () => (
  <div>
    <PDFDownloadLink document={<MyDoc />} fileName="somename.pdf">
      {({ blob, url, loading, error }) => (loading ? 'Loading document...' : 'Download now!')}
    </PDFDownloadLink>
  </div>
)

I’ve also tried putting <div>Test text</div> instead of the comment inside the Page component.

1. I get index.js:1 TypeError: Cannot read property 'height' of undefined at setNodeHeight in the console
2. The link is stuck at ‘Loading document…’

You can make use of react-pdf REPL to share the snippet

Expected behavior A clear and concise description of what you expected to happen.

The link to turn into a clickable, downloadable link that supplies the pdf.

Screenshots If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: MacOS Catalina 10.15.14
• Browser Chrome Version 83.0.4103.61 (Official Build) (64-bit)
• React-pdf version 2.0.0-beta.6

[Nickman87]

I had the same issue, reverting back to 1.6.11 was not an option but I think I found my problem:

I had two children inside a <Text> node like this: <Text>{"some string"} other string</Text?

Removing this solved the issue for me

[diegomura]

So many things going on at the same time here 😅

@ys27 if you are running that exactly, it will fail since // My document data it’s not a valid react-pdf child. The example is simplified for demo purposes, I thought that was clear sorry. You should use View, Image, Text or other primitives inside the page

@german-st You are rendering dom nodes inside the PDF document. You should stick with the react-pdf primitives that are in the doc. This is not an html renderer

@akshaykatariyaa based on your comment you are also trying to render dom components to PDF. You should stick to react-pdf primitives as well. react-pdf does not provide a way to transform existing components to react-pdf primitives.

Anyone feel free to create another issue but I think all these (somehow unrelated) things were answered 😄