我目前無法從我的 firebase Firestore 中的數組中刪除一個項目。我可以在本地刪除它，但是當我刷新時它又出現了。我知道我應該使用實際值。這是我的相關代碼，這是我的 Firestore 中的項目的樣子const removeGoalHandler = async (goalId) => {    let goalToDel = {}    for(let i =0; i < courseGoals.length; i++){        if(courseGoals[i].id == goalId){            console.log(courseGoals[i])            goalToDel = courseGoals[i]        }    }    const removeGoal = await loansRef.doc(userId).update({        goals: firebase.firestore.FieldValue.arrayRemove(goalToDel)    })    setCourseGoals((currentGoals)=> {        return currentGoals.filter((goal)=> goal.id !== goalId)    })    setGoalCounter(goalCounter-1)};const addToFB = async (goalTitle, interestRate, years, paidOff,id) => {    //adding data to firebase, takes into account if doc exists already     if(id==undefined){        id = goalCounter    }    console.log('add to firebase')    const loadDoc = await loansRef.doc(userId).get()        .then((docSnapshot)=> {            if(docSnapshot.exists){                loansRef.doc(userId).onSnapshot((docu)=>{                    console.log('num2: '+ (goalCounter+id).toString())                    const updateLoansArr = loansRef.doc(userId).update({                        goals: firebase.firestore.FieldValue.arrayUnion({                            id: userId+(goalCounter+id).toString(),                            value: goalTitle,                            interest: interestRate,                            years: years,                            paidOff: paidOff                        })                    })                })            }