title: Type 'Listing | undefined' is not assignable to type 'Listing'. Type 'undefined' is not assignable to type 'Listing'
body: <p>Hi seeking help in my project
  The thing is, I am struggling with an error
  <a href="https://github.com/abhijitutkarsh/buyandsell/blob/main/src/app/listing-detail-page/listing-detail-page.component.ts" rel="nofollow noreferrer">https://github.com/abhijitutkarsh/buyandsell/blob/main/src/app/listing-detail-page/listing-detail-page.component.ts</a>
  above link has the code base when compiling it is showing an error saying</p>
  <pre><code>src/app/listing-detail-page/listing-detail-page.component.ts:20:5 - error TS2322: Type 'Listing | undefined' is not assignable to type 'Listing'.
  Type 'undefined' is not assignable to type 'Listing'.
  
  20 this.listing = fakeListings.find(listing =&gt; listing.id === id);
  </code></pre>
  <p>Basically the code about showing data from the fake-data.ts. here i am getting the id from the router url. just stuck here. The issue is kind of minor, not able to identify</p>