latest V3 SDK is not working with Next.js due to polyfills about mexa-sdk

[AmanRaj1608]

Hey, you can still configure the webpack for all the packages required like fs, crypto...
I tried making changes in your StackBlitz repo, it is working now

yarn add bufferutil net request tls utf-8-validate -D

Create next.config.js

/** @type {import('next').NextConfig} */
const nextConfig = {
  reactStrictMode: true,
  swcMinify: true,

  webpack(config) {
    config.resolve.fallback = {
      ...config.resolve.fallback,
      fs: false,
      bufferutil: require.resolve('bufferutil'),
      net: require.resolve('net'),
      request: require.resolve('request'),
      tls: require.resolve('tls'),
      'utf-8-validate': require.resolve('utf-8-validate'),
    };

    return config;
  },
};

module.exports = nextConfig;

Then update the Biconomy object inside useEffect as it is not a react hook.

[AmanRaj1608]

Hey, this can be resolved by using either using webpack 4 by downgrading the react-scripts to 4.0.3

Or you can to configure webpack 5.
Can chec-out this issue and fix in PR.

• bcnmy/gasless-playground#2

• bcnmy/gasless-playground#1

More info

• https://github.com/ChainSafe/web3.js#trouble-shooting-and-known-issues

• https://stackoverflow.com/a/64802753

[marcustut]

Hey, this can be resolved by using either using webpack 4 by downgrading the react-scripts to 4.0.3

Or you can to configure webpack 5.
Can chec-out this issue and fix in PR.

• bcnmy/gasless-playground#2

• bcnmy/gasless-playground#1

More info

• https://github.com/ChainSafe/web3.js#trouble-shooting-and-known-issues

• https://stackoverflow.com/a/64802753

However next.js 12 had deprecated webpack 4 support. So, there's no way to revert to webpack 4 for next.js users.

[marcustut]

Thanks @AmanRaj1608 ! I can verified that it works now. However I'm facing an issue about forwarder contract is undefined. I took a look into the biconomy client object and the forwarder is empty.

[AmanRaj1608]

On which network are you trying @marcustut

[marcustut]

On which network are you trying @marcustut

Polygon Mumbai

[marcustut]

This is the exact error I'm getting. Whatever contracts or function I'm trying to call, it's throwing this error.

[Deveshb15]

Did you setup a trusted forwarder in your smart contract?

[livingrockrises]

closing this issue. for forwarder feel free to open another on discord dev support or get in touch on tg https://t.me/yashasvi_yc7