I am creating a react project where I want to grab the users name from my firestore database and I encountered an error while querying. I found when comparing the 2 strings passed to the function and taken from the data base it is returing false when the strings are the same.
const fetchUserName = async (userid: string) => {
try {
const userdb = collection(firestore, "users");
const querySnapshot = await getDocs(userdb);
const userDoc = querySnapshot.docs[1].data().uID;
console.log(userDoc, userid);
console.log(userDoc === userid);
console.log(typeof userDoc, typeof userid);
return userDoc;
} catch (error) {
console.error("Error fetching user name:", error);
}
};
the output of the first console.log is ZZ7KDH1U2lenkHI331ryrxOECUg2 “ZZ7KDH1U2lenkHI331ryrxOECUg2”, the second one is false, and the third is string string. I don’t understand why its not working and cant seem to find any answers online.
user25945742 is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
1
There might be hidden characters or extra whitespace causing the string comparison to fail. Try using .trim() on both userDoc and userid:
console.log(userDoc.trim() === userid.trim());
Also, check if there are any hidden characters by comparing the lengths of both strings:
console.log(userDoc.length, userid.length);
These steps should help identify and fix the issue with the string comparison.
1
It might be due to the fact on how uid is being treated in the backend, try converting the uid to string so const userDoc = String(querySnapshot.docs[1].data().uid) I have had previous experience with this type of error sometimes this was the cause
Let me know if this works.
davitvoski is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
1