Hello, I've gone through the tutorial here many times and cannot seem to get this basic example working in dev mode as expected. I've defined the metafields, copy and pasted their names and made sure not to update the keys as referenced in the screenshots below:




Furthermore, I've also made sure to create the bundle parent product and then tie the associated bundle items via metafields to the bundle as referenced here:


Here is the component parents json obj btw:
[{
"id": "gid://shopify/ProductVariant/44640619135279",
"component_reference": {
"value": ["gid://shopify/ProductVariant/44640893632815"]
},
"component_quantities": {
"value": [1]
},
"price_adjustment": {
"value": 1
}
}]
I've also ensure to have the app and extension published. But even while running: "npm run dev" or "pnpm dev" the items at the checkout phase do not bundle. Is there perhaps a step that I am missing? Thank you for looking into this :) !

Hello, I've gone through the tutorial here many times and cannot seem to get this basic example working in dev mode as expected. I've defined the metafields, copy and pasted their names and made sure not to update the keys as referenced in the screenshots below:
Furthermore, I've also made sure to create the bundle parent product and then tie the associated bundle items via metafields to the bundle as referenced here:
Here is the component parents json obj btw:
[{ "id": "gid://shopify/ProductVariant/44640619135279", "component_reference": { "value": ["gid://shopify/ProductVariant/44640893632815"] }, "component_quantities": { "value": [1] }, "price_adjustment": { "value": 1 } }]I've also ensure to have the app and extension published. But even while running: "npm run dev" or "pnpm dev" the items at the checkout phase do not bundle. Is there perhaps a step that I am missing? Thank you for looking into this :) !