DataCloneError in postMessage about devtools HOT 9 CLOSED

event: "instance-details"
payload: Object
    id: 4
    name: "Datatable"
    state: Array[5]
        0: Object
            key: "items"
            meta: Object
            type: "prop"
            value: Array[8]
            __proto__: Object
        1: Object
            key: "onSelect"
            meta: Object
            binding mode: "default"
            required: false
            type: "Function"
            __proto__: Object
...

<script>
module.exports = {
  methods: {
    doSomething () {/* */}
  },
  components: {
    datatable: {
      props: {
        items: /*  */,
        onSelect {
          type: Function,
          default () {return function () {}}
        }
      }
    }
  }
}
</script>

<template>
<datatable :on-select="doSomething"></datatable>
</template>

event: "instance-details"
...
payload: Object
  state: [5]
    ...
    1: Object
      key: "onSelect"
      meta: Object
      type: "prop"
      value: function (a)
      __proto__: Object

  if (data.payload.state) {
    data.payload.state = data.payload.state.filter(function (el) {
      return !(el.value instanceof Function)
    })
  }