[ReactNative, ios] Issues occurred in the use of Contract's ABI (MetaMask SDK: v0.2.3, MetaMask Mobile: v6.3.0)

[reese-1eco]

Describe the bug

• Information cannot be retrieved normally when the readonly api of the contract is executed.
  • ex) basic api - contract.name(), contract.symbol(), contract.decimals(),,,
• The test source is basically a function that reads the contract information, and the web app and mobile app were compared and tested with the same code.
  • base source of web app: /examples/create-react-app
  • base source of mobile app: examples/reactNativeDemo
• The modified source to test the contract function is as follows.
  • app source: https://github.com/reese-1eco/metamask-sdk-reactNativeDemo
  • web source: https://github.com/reese-1eco/metamask-sdk-reactNativeDemo/blob/main/refer-examples-CRA-web-app/create-react-app.tgz

To Reproduce Steps to reproduce the behaviour:

1. Run the recatNativeDemo app.
2. Click the 'connect' button.
3. Connect a Metamask account and switch to recatNativeDemo.
4. Display the connect info on recatNativeDemo.
5. Click the "try to get contraint info" Click
6. check call function with debugging tools

Expected behaviour expect to be able to read information normally and use contract abi.

Screenshots

• test to read contract information
  • 
  • 

Provide environment information

• Platform : React-Native
• MetaMask SDK Version: v0.2.3
• MetaMask Mobile Version: v6.3.0(1095)
• Browser (if relevant): Chrome 113.0.5672.92 (arm64)

Additional context

[reese-1eco]

test contract information

• main net BNB
• https://etherscan.io/token/0xB8c77482e45F1F44dE1745F52C74426C631bDD52
• 0xB8c77482e45F1F44dE1745F52C74426C631bDD52

Is there anything else I can do to fix the problem? If it is possible to give a guide, I will try to solve it.

[reese-1eco]

It appears to be an issue related to #108

[abretonc7s]

The issue seems to be linked to using ethers. You should still be able to use web3 library to access the contract and we will investigate a fix for ethers.js asap.

[andreahaku]

we are still investigating this and trying to find a solution. In any case please update to the latest version of the SDK (v0.4.0 should be released later today). Thanks for reporting.

[reese-1eco]

Thank you for providing information. I will check after installing sdk version 0.4.0.

[reese-1eco]

@abretonc7s What is the best way to use smart contract's transfer api with metamask-sdk version 0.5.3? Would it be better to use web3.js over ethers.js?

Is there any way to use the Ethereum provider API? If there is a document on how to control a smart contract with the Ethereum provider API, please let me know the url.

thank you

[abretonc7s]

We are still working on integrating new hooks to handle smart contracts but in the meantime using web3js is probably the best way for now.

[reese-1eco]

@abretonc7s thank you I will also try to use web3.js. Is there a recommended web3.js version or example? Please share if possible. I'm currently developing a dapp for mobile with react native.

[abretonc7s]

Please see this example

    const account = await sdk?.connect();
    console.log('account', account);
    let web3 = new Web3(sdk?.getProvider() as any);
    const accounts = await web3.eth.requestAccounts();
    console.log('accounts', accounts);

    await web3.eth.personal.sign(
      web3.utils.utf8ToHex('this is a test'),
      accounts[0],
      undefined as any,
    );
  };

Closing the issue for now, feel free to open another one if you need additional support.