ReferenceError: Property 'TextEncoder' doesn't exist

Question

I'm using react native 0.72.4

I'm getting this error: Reference Error: Property 'Text Encoder' doesn't exist at multiple places in my app. I didn't use it explicitly but my npm packages like qr-code-svg uses this package.

I don't know what Text Encoder is or where it is used .. i don't know why all of it occurs suddenly.

• user18309290: This question is similar to: Expo React Native Can't find variable: TextDecoder. If you believe it’s different, please edit the question, make it clear how it’s different and/or how the answers on that question are not helpful for your problem.
• Slbox: Upgrading React Native to a version that includes TextEncoder will fix this. Otherwise, what's happening is you likely have something that's trying to access TextEncoder like it's in a browser. You can try exlcuding qr-code-svg from loading using Metro's blocklist if you can't remove it.

Answer 1

this worked for me using same react native 0.72.4

install text-encoding using npm install --save text-encoding --legacy-peer-deps

then import it everywhere you have imported the qrcode like so import 'text-encoding';

sample of how your code should look like when done with the install

import QRCode from 'react-native-qrcode-svg';
import 'text-encoding';

hope this helps!

Answer 2

They have fixed this issue with version 6.3.2

Update to this version and everything should work fine.

Ref:

1. https://github.com/grgia/react-native-qrcode-svg/issues/199
2. https://github.com/grgia/react-native-qrcode-svg/pull/200

Answer 3

Package text-encoding is no longer maintained. You should install a polyfill.

npm install text-encoding-polyfill

And include it at the top of your project.

// index.js
import 'text-encoding-polyfill'

• Slbox: TextEncoder is included in some newer version of React Native, like 0.75 or 0.76, so this shouldn't even be needed.
• twboc: Yeah... Meanwhile in the real world not everyone is running on the newest react-native version and has resources to update their whole project before the demo that is scheduled next week! :D
• Slbox: Okay good luck buddy.