ngFor is showing the wrong data

Question

I am using firebase as the database.

this.checkouts = data.map(e => {
return {
id: e.payload.doc.id,
product_name: e.payload.doc.data()[\'product_name\'],