On page refresh,with the help of v-for loop badger accordion working fine. But When I try to update badger accordion value with v-for object it does not reflect updated values.

<template>
<div>
    <badger-accordion ref='myAccordion'>
        <badger-accordion-item v-for="(form_detail, index) in form_details1" :key ="index">
            {{form_detail.form_name}}
    </badger-accordion-item>
</div>
</template>

<script>
export default {
  props:['form_details'],
  computed: {
    form_details1: function () {  
      return Object.assign({}, this.form_details)
    }
  },
  components: {
    BadgerAccordion,
    BadgerAccordionItem,
  }
</script>

When the value of props changes(without refreshing page), it gives below errors:

[Vue warn]: Error in nextTick: "NotFoundError: Failed to execute 'insertBefore' on 'Node': The node before which the new node is to be inserted is not a child of this node.

app.js:53885 DOMException: Failed to execute 'insertBefore' on 'Node': The node before which the new node is to be inserted is not a child of this node.

When I replace badger-accordion-item with div, it gives me correct values. so I think there is an issue with badger-accordion-item.

Thanks in advance!