Использовать firebase onSnapshot() в цикле for?

Приведенный ниже код работает для получения моих данных из firestore. Я пытаюсь обновить это, чтобы использовать onSnapshot() вместо get(). Возможно, суть моей путаницы в том, что onSnapshot() не возвращает обещание, и я пытался просто добавить слушателей в массив, но, похоже, данные не обновляются. Как мне перебрать цикл for из onSnapshot() и отобразить результаты?

const [activityDataArray, setActivityDataArray] = useState([]);
const userActivityIds = userData.activities

useEffect(() => {
    let promises = [];
    for (const activityId of userActivityIds) {
        promises.push(getFirestoreData("activities", activityId));
    }
    Promise.all(promises).then(response => setActivityDataArray(response));
}, [userActivityIds]);

ОБНОВЛЕННЫЙ КОД: Когда я console.info() массив, у него есть мои данные, но я думаю, что это уловка с инструментами разработчика Chrome, показывающими новую информацию. Я думаю, что когда я вызываю setActivityDataArray, он запускает его на пустом массиве, а затем больше никогда не вызывается. Таким образом, данные не отображаются, если я не переключусь на другую вкладку в своем приложении и не вернусь назад. Затем он отображается правильно (поэтому я знаю, что данные хорошие, это просто проблема рендеринга). Я думаю, мне нужно перерендерить внутри onSnapshot(), но как мне это сделать правильно?

const [activityDataArray, setActivityDataArray] = useState<any>([]);
const userActivityIds: string[] = userData.activities

useEffect(() => {
    let activityDataArrayDummy: any[] = []
    for (const i in userActivityIds) {
        firebase.firestore().collection("activities").doc(userActivityIds[i])
            .onSnapshot((doc) => {
                activityDataArrayDummy[i] = doc.data();
            });
    }
    console.info("activityDataArrayDummy", activityDataArrayDummy)
    setActivityDataArray(activityDataArrayDummy);
}, [userActivityIds]);