ModuleNotFoundError: Module not found: Error: Can't resolve 'globalthis/polyfill'

[mathiasfc]

Recently I'm having this issue in the build of my project with nextjs, does anyone have any idea what it could be?

ModuleNotFoundError: Module not found: Error: Can't resolve 'globalthis/polyfill' in '/home/unbox/Documents/github/with-styled-components-app/node_modules/payment/lib'

How to reproduce

• Take any example from nextjs, in my case I clone the with-styled-components

• Install react-credit-cards, import on any page.

• Run npm i

• Run npm run build

"dependencies": {
    "next": "latest",
    "react": "^16.8.0",
    "react-credit-cards": "^0.8.3",
    "react-dom": "^16.8.0",
    "react-is": "^16.8.0",
    "styled-components": "^5.0.0"
  },

Update:

payment latest release 2.4.1 is causing this.
related PR in payment repo

setting the version manually to the previous one, works normally

[richardkeller411]

I have same issue. Will help review.

[richardkeller411]

https://github.com/jessepollak/payment This is the issue for sure. They are adding globalthis as a dependency and other items. Will need to play around and correct.

[lu-henriquec]

I have issue.

ModuleNotFoundError: Module not found: Error: Can't resolve 'payment' in '/Users/lucashenrique/Documents/rcc-test/node_modules/react-credit-cards/es'

https://github.com/jessepollak/payment/releases/tag/v2.4.2
They updated, globalthis was added as devDependencies.

I think that in the code it isn't necessary to import payment module.
import Payment from 'payment';