After set ref attribute in table - shows error

Tags: #<Tag:0x00007f8b23db9c18>

Hi!
I cant get ref of my hot-table, more precisely, every time I set the ref attribute I get this error.

Uncaught TypeError: Cannot convert a Symbol value to a string

This error shows only when I try to open my component in Vue Devtools.



vue - 2.6.10
@handsontable/vue”: “^4.1.0”,
“handsontable”: “^7.2.1”,

@wojciech.czerniak ES6 conversion issue?

It works well on our example https://handsontable.com/docs/7.2.1/frameworks-wrapper-for-vue-hot-reference.html

I was trying make this from scratch, and got the same issue :disappointed_relieved:

I deleted everything that was and created a table from the template. But as soon as I add an ref attribute, I immediately get this error and cant open it in devtools…

It’s probably caused by a problem with Vue - it seems to have problems with props being defined as Symbol. I made a PR to their repo, which explains the problem in a little more detail: https://github.com/vuejs/vue/pull/10729

Yeah, thanks, so what can I do in this situation ?

They’ve closed the PR as there’s already one fix for this case approved here https://github.com/vuejs/vue/pull/10529
I guess that now we just need to wait for merge and publish from the Vue team.

Thank you so much) Who would have thought that the problem is so global - in vue core.

Related topic on the Handsontable for Vue board https://github.com/handsontable/vue-handsontable-official/issues/140 (posted as a reference).
TypeError: Cannot convert a Symbol value to a string

Vue has finally merged the PR that we needed https://github.com/vuejs/vue/pull/10529 now we just need to wait for the release.

2 Likes

This issue should no longer be replicable using the latest Handsontable for Vue and Vue 2.6.11+