Возникли проблемы с добавлением массива дат в firestore

Работа над приложением, которое принимает выбор пользователя в календаре. Я беру выбранный диапазон дат и добавляю их в массив. Массив хранится в датах. У меня проблема с загрузкой массива в firestore. При загрузке this.state.markedDates я получаю сообщение об ошибке.

первая функция получает диапазоны дат

getDates(s, e){
//below code is getting start date and end date plus placing the range in an array for upload into firebase. 
var grabDates = [];
const start = moment(s).format("MM-DD-YYYY")
const end = moment(e).format("MM-DD-YYYY")
const range = moment.range(s, e)
const arrayOfDates = Array.from(range.by('days'))
arrayOfDates.map(m => {
      var dates = m.format("YYYY-MM-DD");
      grabDates.push(dates);
});
this.markedDates = grabDates

}

Затем я загружаю в firebase, используя функцию ниже.

confirm(){
if (this.markedDates == null){
  alert('Please choose your dates');
} else {
    var currentUser = firebase.auth().currentUser.uid;
    var db = firebase.firestore();
    var newData = db.collection('Calendars').doc(currentUser).collection('Dates');
    newData.add({
      bookedDates: [this.state.markedDates]
      }).then(function(docRef){
      console.info(docRef);
      }).catch(function(error) {
      console.info("Error writing document: ", error);
    });
}

}

Заранее спасибо за вашу помощь!