I have a list of objects, which I display through a v-for directive. Every time I am trying to add another object to the list I get the following error :

Failed to execute 'insertBefore' on 'Node'.

Vue component :

<ion-col v-for="specificOffer in specificOffers" :key="specificOffer.specificOfferId">

where:

computed: {
 ...mapGetters("specificOffer", {specificOffers: "getSpecificOffers"})
}

JS for updating specificOffers list :

updateSpecificOffers(state, payload){
    state.specificOffers.push(payload);
},
   

After pushing the new object to the list I get that error. I don't have duplicates in the list and I also don't use any v-if directive screen from console.

If needed, here is the flow: getting specificOffers, adding the object to the db and then to the state.

I have no idea how to fix this bug. I would appreciate any help.

Regards, Cezar