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.