react-pdf package build errors from the Terser (NextJS 14)

[michaelNodeLondon]

Summary

I am trying to use this package react-pdf (https://www.npmjs.com/package/react-pdf) and have followed the docs to get it to work with nextjs below version 15 (I am using version 14). It works perfectly locally, however it always fails the build due to errors with the "Terser", the minifier used in nextjs.

The error I get is this: 1737.js from Terser
Unexpected token: punc ({) [1737.js:1223,10]

Seems maybe it can't compile modern Javascript syntax in the packages like ESM features maybe?

Tried downgrading the package to find one that works but that leads to it not working, or more errors.

Anybody know a solution to this error, or has got the react-pdf package working with nextjs V14?

Additional information

react-pdf: v9.2.1
nextjs: v14.0.2

Example

No response

[icyJoseph]

The react-pdf docs talks about, https://www.npmjs.com/package/react-pdf#nextjs:

module.exports = {
  swcMinify: false,
}

In next.config.js, did you try with that?

[michaelNodeLondon]

Thanks Joseph, yeah I have that in my config from the start but still get the error.

[icyJoseph]

Alright, 🤔 - often the problem really is pdfjs-dist - I guess, we can try to find a version that would work...

[icyJoseph]

I found, https://github.com/alex-guoba/next-blogger this project, it uses next 14 and react-pdf v7 - have you tried that combination?

[michaelNodeLondon]

I have, but it brings up issues around the dependencies of the react-pdf package still, which is pdfjs-dist. It requires canvas in the older versions, but seems to never resolve it and leads to more errors.

Seems pdfjs-dist is the real issue with nextjs as thats where the errors stem from, that dependency.

[icyJoseph]

Are you getting a canvas not defined kind of issue, or document - I have dealt with those before... 🤔 #43465 (comment)

And yes, as said above, the "problem" often is pdfjs-dist, that package is epic though.