When refreshing page getting square up component error

Hello Developer, I am using react-square-web-payments-sdk in our nextjs project. I have created component where am using SquarePaymentsForm and when this component is loading through router functionality working fine but when refreshing page getting below error. I would like to appreciate if some one help us.

:wave: What node-fetch package version are you using? You may need to downgrade to an older version of node-fetch. :slightly_smiling_face:

@Bryan-Square Appreciate your quick response.
I used axios instead node-fetch. I took help from square developer YouTube Chanel and tried to install below command and followed same but in my system could not do. I am having issue with nextjs . Please provide us any link or proper doc for react-square-web-payments-sdk with typescript.
npm install --save react-square-web-payments-sdk @square/web-sdk next-transpile-modules square

Link followed : Webpack App

At this point Iā€™d recommend reaching out to the developers that built the React form for assistance. :slightly_smiling_face:

1 Like