@vtex/order-items não funciona para o evento de addItems

VTEX in your native language 🌎 Português
,
1

Estou tentando utilizar o hook de addItems do useOrderItems, da api order-items, mas quando chamo o hook ele não adiciona o produto ao carrinho.

meus import e funções usadas:


import { useOrderItems } from '@vtex/order-items'

  const {addItems} = useOrderItems();

const addToCart = async (id:any) => {

    await fetch(`/api/catalog_system/pub/products/search?fq=productId:${id}`)
      .then(response => response.json())
      .then((data) => {
        populateCart(data)
      })
  }

  const populateCart = async  (data: any) => {
    const cart = [
      {
        additionalInfo: {
          brandName: data[0].brand,
          __typename: 'ItemAdditionalInfo',
        },
        availability: data[0].items[0].sellers[0].commertialOffer.IsAvailable,
        id: data[0].items[0].itemId,
        imageUrls: {
          at1x: data[0].items[0].images[0].imageUrl,
          __typename: 'ImageUrls',
        },
        listPrice: data[0].items[0].sellers[0].commertialOffer.ListPrice,
        measurementUnit: data[0].items[0].measurementUnit,
        name: data[0].productName,
        price: data[0].items[0].sellers[0].commertialOffer.Price,
        productId: data[0].productId,
        quantity: 1,
        seller: data[0].items[0].sellers[0].sellerId,
        sellingPrice: data[0].items[0].bestPrice,
        skuName: data[0].items[0].nameComplete,
        unitMultiplier: data[0].items[0].unitMultiplier,
        uniqueId: data[0].items[0].itemId,
        isGift: false,
        __typename: 'Item',
      },
    ]

     addItems(cart)
  

  }

no package.json a versão que estou usando:
"@vtex/order-items": "^0.6.3"

Já confirmei que o hook está sendo chamado, porém ele não faz nada.

1 Like