Can't get react-pdf to work with Astrojs

[tedpalmer1]

Hi, does anyone have an example of using react-pdf with Astro client-side? I have been struggling and could really use some help. I am trying to use the package like so:

// src/components/samplePDF.jsx

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


const MyDocument = () => {

    return (
      <Document>
        <Page size='A4'>
            <Text>Test</Text>
        </Page>
      </Document>
    )
  }

const Preview = () => {

  return (
    <PDFViewer>
      <MyDocument/>
    </PDFViewer>
  )
}

export default Preview

// src/pages/sample-pdf/index.astro

---
import BaseLayout from '../../layouts/BaseLayout.astro'
import Nav from '../../components/Nav.jsx'
import Preview from '../../components/samplePDF.jsx'
---

<BaseLayout>
  <Nav client:load/>
  <Preview client:only/>
</BaseLayout>

The PDF is not being rendered and I am getting no errors

[jaroslaw-weber]

still not working in 2025 :(