After set ref attribute in table - shows error

Tags: #<Tag:0x00007f343914c598>

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

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:

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
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 (posted as a reference).
TypeError: Cannot convert a Symbol value to a string

Vue has finally merged the PR that we needed now we just need to wait for the release.


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