realtime firebase - jak poprawnie wypełnić tablicę danymi?

witam!
Mam tablicę:
chat = [];
Chciałbym po nacisnięciu przycisku pobrać dane z drzewa bazy danych "chats/globals" i przypisać je do tablicy chat.

async function changeChatRoom() {
      console.log("Changing chat room....");

      state.currentChatRoom = "advices";
      const newChat = await firebase.database().ref(`chats/${state.currentChatRoom}`).get();
      state.chats = newChat.val();
    }

I na początku wygląda, że jest wszystko wporządku. Pojawiają się wiadomości z innego czatu ale kiedy chcę coś napisać to pojawia się błąd.

runtime-core.esm-bundler.js?5c40:217 Uncaught Error: Reference.child failed: First argument was an invalid path = "undefined". Paths must be non-empty strings and can't contain ".", "#", "$", "[", or "]"

Prawdopodobnie tablica jest źle wypełniona albo robię to w zły sposób. Próbowałem jeszcze używać eventów on child_changed, child_added ale to jest bardziej funkcjonalne w hooku onMounted (używam Vue 3)