Starting from 1.53.0 web3.js breaks compatibility with React Native

[lexer]

Problem

Starting from 1.53.0 web3.js breaks compatibility with React Native

I suspect some changes that uses BigInt might have caused this. BigInt is not supported in React Native.

Error log:

SyntaxError: 256428:32:BigInt literal is not supported, js engine: hermes

Proposed Solution

[paulmillr]

BigInt is not supported in React Native

it is supported in react native 0.70, you need to upgrade

[steveluscher]

You're absolutely correct! You can read all about the new requirements going forward, here:

• Cookbook
• Updated RN scaffold
• Tweet

[steveluscher]

Added some notes to the web3.js README about this.

[lexer]

@steveluscher After upgrading to React Native 0.70 I'm getting a new error

TypeError: Cannot convert BigInt to number, js engine: hermes

[lexer]

I think I made it work.

Needed this change in babel.config.js:

module.exports = {
  presets: [
    [
      'module:metro-react-native-babel-preset',
      {unstable_transformProfile: 'hermes-stable'},
    ],
  ],
};

[steveluscher]

Yep! It’s all in the Cookbook. Make sure to read the whole thing, there might be more things to configure!