TypeError: key.split(...).at is not a function

[Shawful]

Before you start - checklist

• I followed instructions in documentation written for my React-PDF version
• I have checked if this bug is not already reported
• I have checked if an issue is not listed in Known issues
• If I have a problem with PDF rendering, I checked if my PDF renders properly in PDF.js demo

Description

Building into nextjs project here.

After running npm i react-pdf -P, and attempting npm run build, I experience the error in the title. Is there a previous version I should roll back to?

Steps to reproduce

install, build with nextjs

Expected behavior

expect a successful build

Actual behavior

Build error occurred
TypeError: key.split(...).at is not a function
at new KeyboardManager (/node_modules/pdfjs-dist/build/pdf.js:4213:43)

Additional information

No response

Environment

• Browser (if applicable): chrome, latest
• React-PDF version: 6.2.2
• React version:17.0.2
• Webpack version (if applicable): not using webpack

[Shawful]

When rolling back to 5.7.0, I saw the issue was resolved, if that helps.

[berrytsukiii]

When rolling back to 5.7.0, I saw the issue was resolved, if that helps.

can't fix in vite application，sad

[wojtekmaj]

@berrytsukiii You should be able to get older versions working with Vite by following manual configuration process. I don't recommend that however, because I have almost no capacity to provide support for the latest version, let alone legacy ones.

[berrytsukiii]

@wojtekmaj thks and according to this comment #1220 (comment) ，i have solved it temporarily。

[sebdec]

It happens on Safari v14.1.2 too (we don't use Vite)
it seems that it happens on version 6 react-pdf, not sure if it's a good idea to downgrade because this release fixes other important issues.

Environment

Browser (if applicable): Safari v14.1.2, v15
React-PDF version: 6.2.2
React version:17.0.2
Webpack version (if applicable): 4.46.0

[chongqiangchen]

install corejs and add this:

import 'core-js/features/array/at';

[sumit-velocis]

@chongqiangchen still the same error continues...

[chongqiangchen]

@chongqiangchen still the same error continues...

let me see how you write ？

[sumit-velocis]

"react-pdf": "^6.2.2",
"core-js": "^3.29.1"

You can see the attached screenshot.
let me know if i am doing anything wrong with it....

[chongqiangchen]

"react-pdf": "^6.2.2", "core-js": "^3.29.1"

You can see the attached screenshot. let me know if i am doing anything wrong with it....

I write similarly to you, but I don't seem to have encountered your problem.

My component: https://github.com/chongqiangchen/unowai-frontend/blob/main/src/ui/widgets/pdf/index.tsx

Where I import the core: https://github.com/chongqiangchen/unowai-frontend/blob/main/src/pages/_app.tsx

[sumit-velocis]

"react-pdf": "^6.2.2", "core-js": "^3.29.1"
You can see the attached screenshot. let me know if i am doing anything wrong with it....

I write similarly to you, but I don't seem to have encountered your problem.

My component: https://github.com/chongqiangchen/unowai-frontend/blob/main/src/ui/widgets/pdf/index.tsx

Where I import the core: https://github.com/chongqiangchen/unowai-frontend/blob/main/src/pages/_app.tsx

Error resolved after adding import 'core-js/features/array/at' at _app.js

Thanks for helping me out....

[jakec-dev]

I have the same issue and importing the core-js 'at' array helper to App.tsx didn't help.

Perhaps the 'at' helper should be removed? It seems a bit too new to be used in production yet. It's only supported in modern browsers at this stage.

[wojtekmaj]

I'm not using it, PDF.js dependency is using it. There is an understandable push from the community to keep PDF.js up to date, but they also cut off from older browsers (2+ yrs) on a regular basis.

I have updated instructions in README yesterday and suggested using legacy worker if needed. Let me know if this works!

[asif-simform]

Facing the same issue with the latest version 7.0.3 even using Legacy PDF.js worker.

[wojtekmaj]

@asif-simform Did you import 'core-js/features/array/at' as advised?

[wojtekmaj]

Since the documentation was updated to mention necessary polyfills and "base" compatibility table has been fixed I consider this issue resolved. If the documentation doesn't mention anything else it could, let me know.

[asif-simform]

@wojtekmaj

Yes, I've tried the same using import 'core-js/features/array/at' at the main index.js file. But still facing the same issue in safari.

Browser:- Safari Version 14.1.2 (16611.3.10.1.16)
Browser:- Safari Version 15.2 (17612.3.6.1.6)

[wojtekmaj]

@asif-simform There's not a lot I can tell from this screenshot other than that Array.prototype.at is still undefined so either you're doing something incorrectly (e.g. loading core-js AFTER react-pdf) or perhaps some other tool is messing around with core-js imports.

I used core-js Array.prototype.at polyfill at the demo site and I got it working with Safari 15.2 just fine.

[Wangggym]

`core-js` cannot fix my question. I had to manually write a compatible writing method

[jjcoffee]

Just a heads up that this error also comes up from PDF.js itself now (rather than just the worker), so adding the polyfill is the only real solution. The core-js fix is working fine for me, it just needs to be imported before react-pdf.