Bug Demo: vue-tables-2 selectable row with uniqueKey option

MyTable.vue

<template>
  <div>
    <v-client-table
      name="myTable"
      :data="tableData"
      :columns="tableColumns"
      :options="tableOptions"
      @select="updateSelectedItems"
    />

  <hr />

  <h4>Selected Items</h4>
  <ul class="my-list">
    <li v-for="item in selectedItems" :key="item.id">
      {{item.name}}
    </li>
  </ul>
  </div>
</template>

<script>
import Vue from 'vue';
import { ClientTable } from 'vue-tables-2';

Vue.use(ClientTable, {});

const tableData = [{
    other_id: 1,
    name: 'broccoli',
    color: 'green'
  }, {
    other_id: 6,
    name: 'pumpkin',
    color: 'orange'
  }, {
    other_id: 7,
    name: 'carrot',
    color: 'orange'
  },
]
const tableColumns = [ 'id', 'name', 'color' ]
const tableOptions = {
  uniqueKey: 'other_id',
  selectable: { mode: 'multiple' },
  customFilters: [{
    name: 'fruitsByColorFilter',
    callback: (row, query) => row.color === query,
  }],
  initFilters: {
    'fruitsByColorFilter': 'orange'
  }
}

export default {
  name: "MyTable",
  data() {
    return {
      selectedItems: [],
      tableData,
      tableColumns,
      tableOptions
    }
  },
  methods: {
    updateSelectedItems(selectedItemsArray) {
      this.selectedItems = selectedItemsArray;
    },
  },
}
</script>

<style scoped>
.my-list {
  width: 200px;
  text-align: start;
}
</style>