How to call dispatch from a generator function inside an event subscription from firebase?

Question

redux

There are two options for the function.
In this - yield cannot be called where I want

function* subscribeToChatChanges () {
  firebase
  .database()
  .ref('chats')
  .on('child_added', (snapshot) => {
    yield put({ type: ADD_CHAT_TO_STORE, payload: {chatId: snapshot.key, value: snapshot.val()} })
  })
}

And this adds only one entry. Even if you make an array of chats, push chat there and do resolve(chats)

function* subscribeToChatChanges () {
var chat = yield call(() => {
    return new Promise((resolve, reject) => {

      firebase
      .database()
      .ref('chats')
      .on('child_added', (snapshot) => {
        var chat = {id: snapshot.key, name: snapshot.val(), messageList:[]}
        resolve(chat)
      })
    })
  })
  yield put({ type: ADD_CHAT_TO_STORE, payload: chat })
}