firestoreから取得したtimestamp型のデータをdate型に変換してstoreのstateに保存したい

Question

前提・実現したいこと

• firestoreから取得したtimestamp型のデータをdate型に変換してstoreのstateに保存したい

発生している問題・エラーメッセージ

• firestoreから取得したimestamp型のデータをdate型に変換する方法がわからない。
• fetchCalenders アクションで「timestamp.toDate()」を試したが、下記エラーが発生する

index.js?4360:54 Uncaught (in promise) TypeError: Cannot read property 'toDate' of undefined

該当のソースコード

import Vue from 'vue'
import Vuex from 'vuex'
import firebase from 'firebase'

Vue.use(Vuex)

export default new Vuex.Store({
  state: {
    login_user : null,
    events: [],
  },

  mutations: {
    setLoginUser (state, user){
      state.login_user = user
    },
    deleteLoginUser (state) {
      state.login_user = null
    },
    ADD_EVENT:(state,event) =>{
      state.events.push(event)
    },
    UPDATE_EVENT: (state,{id, title, start, end}) =>{
      let index = state.events.findIndex(_event => _event.id == id)

      state.events[index].title = title
      state.events[index].start = start
      state.events[index].end = end
    }
  },

  actions: {
    setLoginUser ({ commit }, user){
      commit('setLoginUser',user)
    },
    deleteLoginUser ({ commit }){
      commit('deleteLoginUser')
    },
    logout (){
      firebase.auth().signOut()
    },
    login () {
      const google_auth_provider = new firebase.auth.GoogleAuthProvider()
      firebase.auth().signInWithRedirect(google_auth_provider)
    },
    ADD_EVENT({ getters,commit },event){
      if (getters.uid) firebase.firestore().collection(`users/${getters.uid}/calenderes`).add(event)
      commit('ADD_EVENT',event)
    },
    //ここでfirestoreからのデータ取得をしている
    // firestoreに格納しているdetaは３種類{title:string,start:timestamp,end:timestamp}
    fetchCalenders ({ getters, commit }){
      firebase.firestore().collection(`users/${getters.uid}/calenderes`).get().then(snapshot => {
        snapshot.forEach(doc => {
          commit('ADD_EVENT',doc.data().timestamp.toDate())
        })
      })
    }

  },

  getters: {
    EVENTS: state => state.events,
    userName: state =>state.login_user ? state.login_user.displayName : '',
    photoURL: state =>state.login_user ? state.login_user.photoURL : '',
    uid : state => state.login_user ? state.login_user.uid : null
  }
})

調査したこと

• firestoreのtimestampメソッドを使えばできそう

• ただ公式ドキュメントを読んでもどう使って良いのかわからない

補足情報（FW/ツールのバージョンなど）

• vue@2.6.11

PS

• calendarの綴りが間違っていることはこの後修正予定なので、ご容赦ください。

Answer 1

doc.data().timestamp.toDate()で、timestampがundefinedだよと言われています。

ご自身で以下のようにコメントしてあります。
// firestoreに格納しているdetaは3種類{title:string,start:timestamp,end:timestamp}

なので、doc.data()で返ってくる値はtitle、start、endだけのはずです。

よって、doc.data().start.toDate()と書いてあげればdate型に変換してあげられると思います。