“TypeError”: No se pueden leer las propiedades de undefined en Vuejs.

Funciona así: Tengo una tabla hecha en Vue, donde tengo algunas opciones de selección. Este error aparece cuando tengo un grupo y este grupo no está asociado con una máquina, lo que no debería pasar, el objetivo es que solo aparezca “-“. Arroja un error en la consola y no se muestra en mi DataTable.

El error: [/Vue warn]: Error en renderizar: “TypeError: No se pueden leer las propiedades de indefinido (leyendo ‘id_area’)

Esta es la parte de mi código que creo que está causando este error:

computed: {
linhas () {
return this.lista.map(row => {
const group = this.grupos.find(g => g.id === row.id_grupo);
const machine = this.maquinas.find(m => m.id === group.id_maquina);
const area = this.areas.find(a => a.id === machine.id_area);

        return ({
            href: {path: this.editRoute + row.id},
            cols: [
                row.id,
                row.tag,
                row.descricao,
                row.tipo === "ANALOGICA" ? "Analógica" : "Digital",
                group.nome,
                (machine || { nome: "-" }).nome,
                (area || { nome: "-" }).nome
            ]
        });
    });
}

},

¿Alguien puede ayudarme? No entiendo por qué está sucediendo esto.