John,
the issue is reproducible on your site, so we will definitely investigate. In the mean time I would suggest adding intermediary state variable instead on relying on components’ “visible” and “hidden” properties. For example, your questionnaire results could be written to an object:
const result = {
vitaminA: true,
vitaminB: false,
...
}
You could then use this object to update the UI - hiding and showing appropriate vector images, as well as use it to populate cart.