Shopify BOGO Cart Issue Minimum Reproducible Example

->->Shopify Buy One Get One discount breaks cart functionality.

Steps to reproduce:

1. Create a collection listing all products example
2. Create a Buy One Get One Discount example
3. Using this example code in react-js-buy folder, add a product that is part of the Buy One Get One discount (eg "Foundations in MDMA Safety, Therapeutic Applications & Research") to cart multiple times

Expected:

Cart should show line items with quantity.

You should be able to add or remove the line items from cart.

Actual:

Strange presentation in the cart with same variant split into multiple line items.

You're unable to remove line items from the cart which are involved in the BOGO discount.

Video Example: Here is a Loom video which demonstrates the issue

Notes

Reproduce the bug:

1. cd into the react-js-buy directory
2. npm install
3. npm run start
4. Then follow the steps to reproduce above

Codebase:

This react-js-buy code came from Shopify Repository for storefront-api-examples