I can't use renderToBuffer, renderToStream, etc ... in server side with NextJS 13+ with App router

[mrkjofficial]

Describe the bug
In Next.js 13+ using App router , I'm unable to render PDF in Stream or Buffer in Next API routes

Error Message
'ba.Component is not a constructor'

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

1. Create a new Next.js porject select App Router during setup.
2. Add @react-pdf/renderer in the project.
3. Create a dummy PDF.
4. Try to render the PDF in the server side.

Expected behavior
App should run, react-pdf should render pdfs.

Desktop (please complete the following information):

• OS: Windows
• Browser Chrome
• React-pdf version v3.1.14

[jameschetwood]

Try using the pages router instead. This worked for me.

[mrkjofficial]

Try using the pages router instead. This worked for me.

No solutions for app router yet? My whole application is based on the App router.

[Dru1DD]

Unfortunetly, you can you @joshuajaco/react-pdf-renderer-bundled, but if you using packages like @david.kucsai/react-pdf-table you would have a problem, that it doesn't work with App Router. On Client component yeah, but in server component when you tried to use renderToBuffer - unfortunetly - not(

[bordeo]

I think you should resolve using transpilePackages as I mention here

[Dru1DD]

You can create pages/api - route even in App Router and it works

[wojtekmaj]

Duplicate of #2350

[airtonix]

You can create pages/api - route even in App Router and it works

That's fine if you want to create a server side endpoint for use at runtime, but remember that just because someone is using the apps/* directory, doesn't mean that they are running nextjs server side at runtime.

https://nextjs.org/docs/pages/building-your-application/deploying/static-exports

[diegomura]

Closing it as duplicated