Spark Theme add to cart fly out not working

[Santino]

I'm using the Spark theme. I have the Cart settings set to Fly-out. It works when I click "add to cart" on a product details page. However, I have a custom section that lists products in a grid, and I added the 'product-form' to it to add the 'add to cart' button to each product in the grid, however, the fly out menu does not work from my custom section. It always redirects to the cart page after adding to the cart. I'm using the exact same 'product-form' that the product details page is using. Not sure what I'm doing wrong, or if there's another setting somewhere that I'm missing

<div class="grid-uniform grid-link__container">
{%- for product in collections['new-arrivals'].products -%}
{%- assign grid_item_width = 'post-large--one-quarter medium--one-quarter small--one-half' -%}
<div class="grid__item {{ grid_item_width }}">
{% render 'product-item' with
product: product
%}

{%
render 'product-form' with
product: product,
current_variant: product.variants.first
%}


</div>
{%- endfor -%}
</div>