[Error: undefined is not a constructor (evaluating 'new _globalThis.TextEncoder()')] when using suggested crypto-hash in react-native 0.63.x

Intended outcome:

Follow the example and it works.

Actual outcome:

Follow the example and get this error:

[Error: undefined is not a constructor (evaluating 'new _globalThis.TextEncoder()')]

How to reproduce the issue:

Follow this example with an Apollo Client in React Native.

So far, everything has worked in both web and mobile as far as our Apollo Client usage until this. Is there a recommended alternative or is this a bug?

Versions

  System:
    OS: macOS 10.15.7
  Binaries:
    Node: 14.15.0 - ~/.nvm/versions/node/v14.15.0/bin/node
    Yarn: 1.22.10 - ~/.nvm/versions/node/v14.15.0/bin/yarn
    npm: 6.14.8 - ~/.nvm/versions/node/v14.15.0/bin/npm
  Browsers:
    Chrome: 89.0.4389.128
    Safari: 14.1

[benjamn]

@eliw00d Apollo Client doesn’t use TextEncoder directly anywhere in our codebase, but perhaps you can track this down by defining a global getter function that shows the stack trace?

Object.defineProperty(globalThis, "TextEncoder", {
  get() {
    console.trace(); // Not sure if React Native supports console.trace, but you get the idea?
    console.error("See trace above to find out who tried to access globalThis.TextEncoder");
    debugger; // Another way to intercept references to TextEncoder.
    return null;
  },
})

I wouldn’t recommend leaving this getter in your application (this is just for debugging).

[eliw00d]

I was able to get it to work by using react-native-sha256.

I also tried this but was not able to get it to work (due to the reasons specified in my comment there).