PlaceOrderScreen.jsx Product Link Returns Undefined

[canizeus94]

The following piece of code is causing the link to the product to return undefined:

<Col>
    <Link to={`/product/${item.product}`}>
         {item.name}
    </Link>
</Col>

The culprit is on line 86 and is caused by an incorrect declaration. When we map through the cartItems, we try to access item.product, however, there is no property called product in the cartItems. To fix this issue, change line 86 to the following:

<Col>
    <Link to={`/product/${item._id}`}>
         {item.name}
    </Link>
</Col>

So now, the path is correct like so: '/product/:id'

[canizeus94]

Is this the right approach to this problem? Has anyone encountered this problem before? Or perhaps I missed something while going through the course videos. I will double check to make sure, but it seems like product is available in the PlaceOrderScreen.jsx because we get access to it from the cart but when we create a new Order object that product property is no longer there.

[LinuxKunaL]

can i work on it ?