react-pdf: On the fly rendering - Cannot set property 'getCurrentStack' of undefined

There is a issue when I apply “On the fly rendering” in my react webpage. https://react-pdf.org/advanced#on-the-fly-rendering

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

const MyDoc = () => (
   <Document>
      <Page>ABC</Page>
    </Document>
)

then inside the react export class:

public render(): React.ReactElement<IJsomProps> {
     <div>Export</div>
     <div>
       <PDFDownloadLink document={<MyDoc />} fileName="somename.pdf">
         {({ blob, url, loading, error }) => (loading ? 'Loading document...' : 'Download now!')} 
       </PDFDownloadLink> 
     </div>
}

it gives me this error

Any help thanks.