Readonly `id` field is undefined by default (despite filled other data)

[szulcus]

Reproduction

I can't reproduce it from playground

Steps to reproduce the bug

goodAnswers is array of reference:

onMounted(() => {
    console.log(props.progress.goodAnswers.map(({ id }) => id) }); // [undefined, undefined]
    setTimeout(() => {
        console.log(props.progress.goodAnswers.map(({ id }) => id) }); // ['xiWxG3fVcERWTVRYBYPQ', 'utsEgcpNrmRz95Xb9J6M']
    }, 1000);
});

Expected behavior

Field id available with other data or correct type (string | undefined)

Actual behavior

Like below, in title

Additional information

"nuxt": "^3.5.3" "vuefire": "^3.1.23"

Workaround

Check manually if all ids are defined, e.g.: !progress || progress.goodAnswers.some((ans) => !ans.id)" instead of !progress