Can't find a variable atob

Question

Screen1.js

import React,{useEffect} from 'react' import {View,Text} from 'react-native' import * as firebase from 'firebase/app'; import '@firebase/firestore'; const Screen1 = props =>{ useEffect(() => { var dbh = firebase.firestore().collection("Jots").doc("note"); dbh.set({name:"pradeep"}) //The yellow warning is popped up in this line. }); return( <View> <Text>Title</Text> </View> ) }

console

[Unhandled promise rejection: ReferenceError: Can't find variable: atob] Stack trace: node_modules\@firebase\firestore\dist\index.cjs.js:23101:0 in <global> http://192.168.0.108:19001/node_modules%5Cexpo%5CAppEntry.bundle?platform=android&dev=true&minify=false&hot=false:131203:60 in fromBase64String

I just followed the guide in the expo documentation but still don't know why this problem is occurring. Need a clear explanation on this. And also what is atob variable?

Unless some package happens to name something else like that, atob is a function to decode a Base64 encoded String. btoa, on the other hand, encodes a String to Base64 (Base64 encoding and decoding) — blex
– blex, Commented Feb 23, 2020 at 11:04
Thanks for the response. Why does this atob warning is shown here in the console? Can you figure out the issue here in the code? — Pradeep
– Pradeep, Commented Feb 23, 2020 at 11:10
Pronably because the atob function is part of window in the browser env, which isn't available unless specifically ported over. You could try and download an NPM module. — Jesse Schokker
– Jesse Schokker, Commented Feb 23, 2020 at 11:17
can someone explain how to connect to firestore and why atob is happening? — Pradeep
– Pradeep, Commented Feb 23, 2020 at 17:28

Pradeep · Accepted Answer · 2020-02-25 03:08:01Z

44

I have tried downgrading but that's not resulted as a solution to me. I don't know why.

The global import of base64 in the app.js resolved this problem.

import {decode, encode} from 'base-64' if (!global.btoa) { global.btoa = encode } if (!global.atob) { global.atob = decode }

Thanks for your responses.

answered Feb 25, 2020 at 3:08

Pradeep

8081 gold badge8 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

7 Comments

Fernando Rojo Over a year ago

I upgraded but did nothing with firebase 7.9.3. This solution fixed it for me.

Mugen Over a year ago

also got the same with 7.11.0, answer resolves the issue

Baptiste Arnaud Over a year ago

Same here with 7.14.0

lyrio Over a year ago

Thanks a lot. This solution worked for me, while facing same issue with 7.14.0!

0x4b50 Over a year ago

For TypeScript I had to add const globalAny: any = global; to make it work and then use the globalAny field instead of global.

|

Eydwales · Accepted Answer · 2020-02-24 12:47:31Z

Worked for me ! Thanks papay0, there is indeed something wrong with version 7.9.1.

npm install [email protected] expo r -c # restard expo without cache

You can rm -rf ./node_modules/ && npm i

papay0 · Accepted Answer · 2020-02-24 03:05:41Z

7

I found a workaround, I still there is a bug on their side. They just released 2 days ago version 7.9.1. Try to use 7.9.0.

yarn add [email protected]

I am creating an issue for it, follow here.

answered Feb 24, 2020 at 3:05

papay0

1,3111 gold badge12 silver badges27 bronze badges

2 Comments

Pradeep Over a year ago

thanks for the response still the downgrading to the lower version doesn't help. It stillsays 'can't find variable atob'.

Pradeep Over a year ago

should I wrap the JSON with atob?

filipesluiz · Accepted Answer · 2020-05-07 13:41:57Z

Thanks @Pradeep. This worked for me on firebase 7.14.1:

import {decode, encode} from 'base-64' if (!global.btoa) { global.btoa = encode } if (!global.atob) { global.atob = decode }

and using import like this

import firebase from 'firebase'; import 'firebase/firestore'

Zahir Masoodi · Accepted Answer · 2023-02-08 08:53:21Z

The atob function is part of the JavaScript window object and is not available in React Native.

To decode base64-encoded data in React Native, you can use the base-64 library

Collectives™ on Stack Overflow

Can't find a variable atob

5 Answers 5

7 Comments

Comments

2 Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

7 Comments

Comments

2 Comments

Comments

Comments

Linked

Related