I'm using firestore to store some data in two collections ("users" and "requests"). I have some functions in my javascript code that allow me to read and write the data in the database, and they work fine. However, when I use the same methods in the following code, I get two errors:

• Uncaught TypeError: Cannot read properties of null (reading 'email') at HTMLDocument
• Uncaught (in promise) TypeError: Cannot read properties of null (reading 'addEventListener') at Array.forEach () at He.forEach.

I've tried several options but they don't work and I'm very confused, because the code I use to access the data works fine in other parts of the program.

document.addEventListener('DOMContentLoaded', function() {

    const user = auth.currentUser;

    getDocs(collection(db, "requests")).then(querySnapshot => {
        querySnapshot.forEach((doc) => {
            document.getElementById(doc.id).addEventListener('click', function() {
                openAcceptModal();
            })
        })  
    })
    getDoc(doc(db, "users", user.email)).then(docSnap => {
        if (docSnap.exists()) {
            const uEmail = docSnap.get("email");
            const uName = docSnap.get("name");
            const uPost = docSnap.get("post");
            const uRating = docSnap.get("rating");
            const uTeam = docSnap.get("team");
            console.log(uEmail,uName,uPost,uRating,uTeam);
        }
    })
})

Does anybody have any idea of what's wrong with this?