title: Property 'id' does not exist on type 'never' in find function
body: <p>I am working with angular and have cascading selects</p>
  
  <pre><code>city: {};
  area: {};
  selectedAreas: [];
  selectedSuburbs: [];
  arrAddress = [{
    city: "Auckland",
    id: 1,
    areas: [{
      area: "Waitakere",
      id: 11,
      suburbs: [{
          suburb: "Rodney",
          id: 12
        },
        {
          suburb: "North Shore",
          id: 13
        },
        {
          suburb: "City",
          id: 14
        },
      ]
    }]
  }];
  
  onSelectCity(e) {
    this.city = this.arrAddress.find(element =&gt; element.id === Number(e.value));
    this.selectedAreas = this.city['areas'];
  }
  
  onSelectArea(e) {
    this.area = this.selectedAreas.find(element =&gt; element.id === Number(e.value));
    this.selectedSuburbs = this.area['suburbs'];
  }
  </code></pre>
  
  <p>In the function <code>onSelectArea</code> I am getting an error on <code>element.id</code></p>
  
  <blockquote>
    <p>"[ts] Property 'id' does not exist on type 'never'."</p>
  </blockquote>
  
  <p>Any ideas? Thanks in advance</p>