// ...
  const [quantity, setQuantity] = useState(1);
  const [selectedSize, setSelectedSize] = useState(undefined)
  const { addToCart } = useCartContext()

  const handleChange = (e) => {
 // Some logic
    setQuantity(val);
    console.log("Rerendered");
  };

  const handleSubmit = (event) => {
    event.preventDefault();
    const cartItem: CartItem = {
// ...
    };
    addToCart(cartItem);
  };

  return (
    <form
      onSubmit={handleSubmit}
    >
     // The rest of the code
        <Select
          value={selectedSize!}
          onValueChange={setSelectedSize}
        >
          <SelectTrigger>
            <SelectValue placeholder="Izberi velikost" />
          </SelectTrigger>
          <SelectContent>
            <SelectGroup>
              <SelectLabel>Velikosti</SelectLabel>
              {sizes.map((s) => (
                <SelectItem key={s.size} value={s.size}>
                  {s.size}
                </SelectItem>
              ))}
            </SelectGroup>
          </SelectContent>
        </Select>
      </div>
      <div>
        <div>Količina</div>
        <div>
          <Button
            onClick={() => setQuantity((prev) => prev - 1)}
            disabled={quantity <= 0}
          >
            <Minus />
          </Button>
          <input
            type="number"
            value={quantity}
            onChange={handleChange}
          />
          <Button
            onClick={() => setQuantity((prev) => prev + 1)}
            disabled={quantity >= 20}
          >
            <Plus />
          </Button>
        </div>
      </div>

      <Button type="submit">
        <ShoppingBag />
      </Button>
    </form>
  );
}
// ...