Конвертировать Angular Firestore Data Collection в массив

Question

Я пытаюсь вставить Angular Данные ответа на запрос Firestore в JSPDF

• Нет вывода массива данных в строках таблицы PDF:

Мой код:

export interface Board{  
  boardTitle:string;  
  boardDescription:string;  
}  

ngOnInit(){

    const BoardsArray = [];
    firebase.firestore().collection('boards').get()
      .then(querySnapshot => {
        querySnapshot.docs.forEach(doc => {
        BoardsArray.push(doc.data());
      });
    });

    const doc = new jsPDF();
    const col = ['boardTitle', 'boardDescription'];
    const rows = [];

    BoardsArray.forEach(element => {
    const temp = [element.boardTitle, element.boardDescription];
    rows.push(temp);
    });

    doc.autoTable(col, rows);
    doc.save('Test.pdf');
  }

** Вывод на консоль для ответа на данные пожарного хранилища:

** Но с этим примером данных я получаю точный вывод:

ngOnInit(){

    const BoardsArray: Board[] = [  
      {boardTitle: 'Title1', boardDescription: 'Hello'},  
      {boardTitle: 'Title2', boardDescription: 'Hello2'},  
      {boardTitle: 'Title3', boardDescription: 'Hello3'}  
   ];  

    const doc = new jsPDF();
    const col = ['boardTitle', 'boardDescription'];
    const rows = [];

    BoardsArray.forEach(element => {
    const temp = [element.boardTitle, element.boardDescription];
    rows.push(temp);
    });

    doc.autoTable(col, rows);
    doc.save('Test.pdf');

  }

Пожалуйста, проверьте, если я что-то упустил! Спасибо