After set ref attribute in table - shows error

Tags: #<Tag:0x00007fbe8743cfe0>

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.