TypeError: Cannot read property 'map' of undefinedを解決したい

Question

前提・実現したいこと

Nuxt.jsとfirebaseにて道場生管理アプリを作っています。道場生のデータを配列型式で取得したいのですが、下記のエラーが出て取得できず困っています。

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

TypeError: Cannot read property 'map' of undefined

該当のソースコード

<script>
    export default {
        data() {
            return {
                firstName :'',
                student: ''
            }
        },
        components: { StudentDetail },
        created () {
            const studentId = this.$route.params.id
            studentId).get().then(function(querySnapshot) {
            db.collection('students').doc(studentId).get().then(querySnapshot => {
            const student = querySnapshot.docs.map(doc => doc.data())
            console.log(student)
    })
    .catch(function(error) {
        console.log("Error getting documents: ", error);
    });
        },
        computed: {
        ...mapGetters({students: 'getStudents' })
        },
    }
</script>

試したこと

studentIdでデータの特定まではできていますので、querySnapshotがundefinedなのかわかりません。

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

ここにより詳細な情報を記載してください。

Answer 1

自己解決しました。

db.collection('students').doc(studentId).get().then(doc =>{
                const student = (doc.id, '=>', doc.data());
            })

でデータをとってこれました。