gatsby-starter-shopify - Variant Stock Issue

[hamiltonbrooke]

The following component from the product page template renders variants that are out of stock, in the select dropdown and allows you to add them to your cart.

{hasVariants && options.map(({ id, name, values }, index) => (

handleOptionChange(index, event)} > {`Select ${name}`} {values.map((value) => ( {value} ))}

))}

What is the best way to resolve this?