Firebase TypeError: Cannot read properties of null (reading 'indexOf')

Question

When I console.log(docSnap) I'm getting a firebase error, see in the below image. I have tried all the solutions but none of them worked.

useEffect(() => {
        if (folderId === null) {
            dispatch({
                type: "UPDATE_FOLDER",
                payload: { folder: ROOT_FOLDER }
            })
        }
        // otherwise fetch from database

        const getdocSnap = async () => {
            const docRef = doc(db, "folders", folderId);
            return await getDoc(docRef);
        }
        const docSnap = getdocSnap();
        console.log(docSnap);

        if (docSnap.exists()) {
            dispatch({
                type: "UPDATE_FOLDER",
                payload: { folder: { id: docSnap.id, ...docSnap.data() } }
            })
        } else {

            console.log("No such document!");
            dispatch({
                type: "UPDATE_FOLDER",
                payload: { folder: ROOT_FOLDER }
            })
        }

    }, [folderId])

Can you console.log(db, folderId) in that function and share a screenshot of the output? — Dharmaraj
– Dharmaraj, Commented May 2, 2022 at 18:25
@Dharmaraj the problem has been solved I needed to put all my Firebase-related code to a single async function. — Gulshan Aggarwal
– Gulshan Aggarwal, Commented May 3, 2022 at 13:18
@Gulshan Aggarwal: Could you please post your comment as an answer to help users experiencing the same issue you had? — Andres Fiesco Casasola
– Andres Fiesco Casasola, Commented May 9, 2022 at 20:55
@AndresFiescoCasasola solution is little bit longer so I posted it as the answer. — Gulshan Aggarwal
– Gulshan Aggarwal, Commented May 11, 2022 at 7:37

Gulshan Aggarwal · Accepted Answer · 2022-05-11 07:36:16Z

How the problem solved ?

Ans: Created an async function callFunc & pasted all my logic inside it & called it.

Try the code below

useEffect(() => {
        if (folderId === null) {
            return dispatch({
                type: "UPDATE_FOLDER",
                payload: { folder: ROOT_FOLDER }
            })
        }
        // otherwise fetch from database
        const callFunc = async () => {
            const docRef = doc(db, "folders", folderId);
            const docSnap = await getDoc(docRef);

            if (docSnap.exists()) {
                dispatch({
                    type: "UPDATE_FOLDER",
                    payload: { folder: { id: docSnap.id, ...docSnap.data() } }
                })
            } else {

                console.log("No such document!");
                dispatch({
                    type: "UPDATE_FOLDER",
                    payload: { folder: ROOT_FOLDER }
                })
            }
        }

        callFunc();

    }, [folderId])

Collectives™ on Stack Overflow

Firebase TypeError: Cannot read properties of null (reading 'indexOf')

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related