React Native fetch JSONRPC throw error "response.arrayBuffer is not a function"

Note: Not all sections may be relevant, but please be as thorough while remaining concise as possible. Remove this Notice and any sections that don’t feel pertinent.

If you are unsure if something is a bug, start a thread in the “discussions” tab above…

Describe the bug When I try to call getBalance with InfuraProvider in react native, I get error

{
  "reason": "missing response",
  "code": "SERVER_ERROR",
  "requestBody": "{\"method\":\"eth_getBalance\",\"params\":[\"0xac8448bfa4a7c83f2406555a3e0f6c9c340d9daf\",\"latest\"],\"id\":42,\"jsonrpc\":\"2.0\"}",
  "requestMethod": "POST",
  "serverError": {},
  "url": "https://rinkeby.infura.io/v3/xxxxx"
}

More detailed error is:

TypeError: response.arrayBuffer is not a function
    at Object.<anonymous> (browser-geturl.js:63)
    at step (browser-geturl.js:33)
    at Object.next (browser-geturl.js:14)
    at fulfilled (browser-geturl.js:5)
    at tryCallOne (core.js:37)
    at core.js:123
    at JSTimers.js:241
    at _callTimer (JSTimers.js:112)
    at _callImmediatesPass (JSTimers.js:166)
    at MessageQueue.callImmediates [as _immediatesCallback] (JSTimers.js:411)

The response from infura node:

{
   "method":"eth_getBalance",
   "params":[
      "0xac8448bfa4a7c83f2406555a3e0f6c9c340d9daf",
      "latest"
   ],
   "id":42,
   "jsonrpc":"2.0"
}

Reproduction steps

// Import the crypto getRandomValues shim (**BEFORE** the shims)
import 'react-native-get-random-values';

// Import the the ethers shims (**BEFORE** ethers)
import '@ethersproject/shims';

import {ethers} from 'ethers';

const currentProvider = new ethers.providers.StaticJsonRpcProvider(
 'https://rinkeby.infura.io/v3/xxxxxx',
  4,
);

currentProvider.on('debug', e => {
  console.log(e);
});

try {
  const currentBalance = await currentProvider.getBalance(
    '0xAC8448bfA4a7C83f2406555a3E0f6C9c340d9DaF',
  );

  if (currentBalance) {
    console.log(utils.formatEther(currentBalance));
  }
} catch (e) {
  console.log(e);
}

Environment:

"react-native": "0.65.1"
"@ethersproject/shims": "^5.4.0"
"ethers": "^5.4.5"

I’m not using Expo.

The provider is connected to Infura Rinkeby.

Search Terms https://github.com/ethers-io/ethers.js/issues/993

[ricmoo]

@abdelshok lol! I’m quite flattered, but please check with your partner first; I certainly do not consider such a debugging-frustration-inspired proclamation to be binding. Also, a day of your life is but a mere fraction of your life. I’m sure there are quite a few others that you owe far more than a day of your life to. 😉

But glad I could help.

[ricmoo]

Make sure you follow the instructions regarding React Native in the docs, as the shims include that object.

https://docs.ethers.io/v5/cookbook/react-native/