Storefront duplicate products on category page with Jetpack infinite scroll

Describe the bug

The storefront theme duplicates the products with Jetpack Infinite scroll options on the product archive page. When Jetpack tries to load the next set of products via Infinite scroll it displays the same products, those that appeared on the first page.

Isolating the problem (mark completed items with an [x]):

[x] I have deactivated other plugins and themes and confirmed this bug occurs when only WooCommerce + Storefront theme are active.
[x] I can reproduce this bug consistently using the steps below.

To Reproduce

Steps to reproduce the behavior:

• Go to Jetpack settings > Writing and enable "Load more posts as reader scrolls down"
• Go to any product category page, and scroll down so it can load the next set of the products.
• It will load the same products that it loads initially.

Screenshots

If applicable, add screenshots to help explain your problem.

Expected behavior

The products shouldn't be duplicated on the page scroll and should load the next set of products.

Browser Environment

Can be reproduced on any browser and version.

WordPress Environment

AT site

Start with the reproduction steps in this issue: enable Jetpack's infinite scroll and inspect the storefront product category page as the next products load. The work is done when scrolling loads the next set of products rather than duplicating the initial set.