React-pdf/renderer fails with "failed to asynchronously prepare wasm: CompileError" in TypeScript projects (CRA & Vite)

[v3-Panwar-Ujjwal]

Describe the bug Using @react-pdf/renderer in a TypeScript React project (CRA or Vite) fails to render PDF documents. The PDFViewer iframe remains empty, and the console shows the following error:

failed to asynchronously prepare wasm: CompileError

To Reproduce Steps to reproduce the behavior:

1. Create a new React project with TypeScript using CRA or Vite.

2. Install @react-pdf/renderer.

3. Import Document, Page, Text, and PDFViewer from @react-pdf/renderer.

4. Render a simple PDF using <PDFViewer>

5. Run npm start (CRA) or npm run dev (Vite).

6. Open the browser and check the console.

Expected behavior The PDF should render inside the PDFViewer iframe (empty).

Screenshots

Desktop (please complete the following information):

• OS: Windows / Linux
• Browser : Chrome / Zen Browser ( Firefox based )
• React-pdf version 4.3.0

[AlejandroRM-DEV]

+1

[M-AhmedSajid]

+1