title: "TypeError": Cannot read properties of undefined in Vuejs?
body: <p>It works like this: I have a table made in Vue, where I have some select options. This error appears when I have a grupo (group) and this group is not associated with a maquina (machine), what shouldn't happen, the objective is that only &quot;-&quot; appears. Throws an error in the console and does not show in my DataTable.</p>
  <p>The error: <code>[/Vue warn]: Error in render: &quot;TypeError: Cannot read properties of undefined (reading 'id_area')</code></p>
  <p>This is the part of my code that I believe is causing this error:</p>
  <pre><code>computed: {
      linhas () {
          return this.lista.map(row =&gt; {
              const group = this.grupos.find(g =&gt; g.id === row.id_grupo);
              const machine = this.maquinas.find(m =&gt; m.id === group.id_maquina);
              const area = this.areas.find(a =&gt; a.id === machine.id_area);
  
              return ({
                  href: {path: this.editRoute + row.id},
                  cols: [
                      row.id,
                      row.tag,
                      row.descricao,
                      row.tipo === &quot;ANALOGICA&quot; ? &quot;Analógica&quot; : &quot;Digital&quot;,
                      group.nome,
                      (machine || { nome: &quot;-&quot; }).nome,
                      (area || { nome: &quot;-&quot; }).nome
                  ]
              });
          });
      }
  },
  </code></pre>
  <p>Can someone help me? I do not understand why this happening.</p>