Looping through metafield that is a list of variants acts like there is only 1 item

I created a bundler app the utilizes variant metafields. App works fine, no issues there. But I do want to display some info about the bundled items on the product page. When I loop thru the metafield list, it acts as if there is only 1 item in the list. The list count even comes back as 1. If I loop through the quantities metafield, a list of integers, it works as expected.

You can see there are 7 items in each list.

{% for ref in product.variants[0].metafields.custom.component_reference.value %}

{{ ref.product.title }}

{% endfor %}

Above results in 1 title being displayed.

{% for quantity in product.variants[0].metafields.custom.component_quantities.value %}
  

{{ quantity }}

{% endfor %}

Above results in 7 quantity values being displayed.

Hi there @aashby13

Is this something similar you need?

Here these are the list of product I have selected in the metafield

If interested do let me know

Oop! Nevermind. Majority of products in the metafield list are still dafts. Thats why.