Inconsistent Product Image of Cart Items

[abdulsemiu-atanda]

Expected behavior

When Cart Icon is clicked and drawer opens, products should retain their uploaded images when any of the items in cart are clicked

Actual Behavior

When one of two products with an uploaded image in Cart is clicked, the other product defaults to the Basic Reaction Product image and vice versa.

Steps to Reproduce the Behavior

1. Add an image to an option in the Basic Reaction Product
2. Create a new product and upload an image for it.
3. Publish your changes and toggle edit mode
4. Add both the Basic Reaction Product that has an image and the New Product to cart
5. Open your cart and click any of the product and observe that the product image of the other item defaults to no image and vice versa

PS: The following error appears in console:

TypeError: Cannot read property 'refs' of undefined
    at ProductField.<anonymous> (app.js:20270)
    at CallbackQueue.notifyAll (modules.js:89661)
    at ReactUpdatesFlushTransaction.close (modules.js:89384)
    at ReactUpdatesFlushTransaction.closeAll (modules.js:90820)
    at ReactUpdatesFlushTransaction.perform (modules.js:90767)
    at ReactUpdatesFlushTransaction.perform (modules.js:89414)
    at flushBatchedUpdates (modules.js:89497)
    at ReactUpdatesFlushTransaction.close (modules.js:89372)
    at ReactUpdatesFlushTransaction.closeAll (modules.js:90820)
    at ReactUpdatesFlushTransaction.perform (modules.js:90767)`

[brent-hoover]

I was able to reproduce using the instructions provided.

[abdulsemiu-atanda]

This behavior is caused by the href in the anchor as I noticed that data is been re-fetched for cartItems when trying to fetch data for PDP

[abdulsemiu-atanda]

As a last resort on this, cartDrawer will be closed when the PDP is visited.

[abdulsemiu-atanda]

Querying the Media Collection seems to be generating inconsistent result as redirecting to PDP resends query to Media Collection