Firestore Document reference is always undefined in react native

Question

I'm new to React Native and Firestore. I can't figure out why my document reference id keeps coming up as undefined in my console log, but there's an id in the Firestore database. I'm just trying to capture the id so that I can use it on another screen and add more fields to the document. Here is a sample of my code:

    const handleSignUp = () => {
createUserWithEmailAndPassword(auth, email, password)
  .then((userCredentials) => {
    const user = userCredentials.user;
    console.log("Registered with: ", user.email);
    console.log("Welcome", name);
    try {
      const docRef = addDoc(collection(db, "userInfo"), {
        fullname: name,
        userID: uID,
      });
      console.log("Success writing document!", docRef.id, "yay");
    } catch (e) {
      console.error("Error adding document: ", e);
    }
  })
  .catch((error) => alert(error.message));

};

Erfan · Accepted Answer · 2022-10-17 06:08:50Z

2

Since addDoc returns a promise you need to use await or then.

      const handleSignUp = () => {
createUserWithEmailAndPassword(auth, email, password)
  .then(async (userCredentials) => { // make function async
    const user = userCredentials.user;
    console.log("Registered with: ", user.email);
    console.log("Welcome", name);
    try {
      const docRef = await addDoc(collection(db, "userInfo"), { // here you need to use await
        fullname: name,
        userID: uID,
      });
      console.log("Success writing document!", docRef.id, "yay");
    } catch (e) {
      console.error("Error adding document: ", e);
    }
  })
  .catch((error) => alert(error.message));

More info on google docs : https://firebase.google.com/docs/firestore/manage-data/add-data#add_a_document

answered Oct 17, 2022 at 6:08

Erfan

1,8121 gold badge6 silver badges12 bronze badges

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

Collectives™ on Stack Overflow

Firestore Document reference is always undefined in react native

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related