Использование useEffect с асинхронностью?

useEffect(() => {
const myFunction = async () => {
your code 
}
myFunction()
}, [])

Определите переменную dbRef вне вложенной функции async, чтобы ваш обратный вызов очистки мог ссылаться на нее, и допускайте возможность, что она может не быть установлена ​​на момент очистки.

Кроме того, всякий раз, когда вы используете функцию async в месте, которое не обрабатывает обещание, которое возвращает функция, убедитесь, что вы не позволяете функции выдавать ошибку (возвращать отклоненное обещание), поскольку ничто не обработает это отклоненное обещание.

Кроме того, поскольку компонент может быть размонтирован во время await, вы должны быть уверены, что функция async не продолжит свою логику, когда мы знаем, что очистка не произойдет (потому что она уже произошла), поэтому вам может понадобиться флаг для это (didCleanup внизу).

Что-то вроде этого:

useFocusEffect(
    useCallback(() => {
        let dbRef;
        let didCleanup = false;
        (async() => {
            try {
                const user = JSON.parse(await AsyncStorage.getItem("user"));

                if (!didCleanup && user.uid) {
                    dbRef = ref(dbDatabase, "/activity/" + user.uid);

                    onValue(query(dbRef, limitToLast(20)), (snapshot) => {
                        console.info(snapshot.val());
                    });
                }
            } catch (error) {
                // ...handle/report the error...
            }
        })();
        return () => {
            didCleanup = true;
            if (dbRef) {
                off(dbRef);
            }
        };
    }, [])
);