Why is HOT container div-id repeating

Tags: #<Tag:0x00007efc651d1538>

I am using react-handsontable and the HOT tables that get generated have a unique id. But for some reason I am getting the same id on each table id generated:

This seems to be causing another issue, the tables are getting displayed on the same DOM element.

Has anyone encountered this?

Hi @gavargas22

I guess that I’ve seen this behavior before but not sure what was the cause. Are you able to replicate it in any online js playgrounds? I’ve like to test that.

ps. can you check if adding offset settings solves it?

Hey @aleksandra_budnik I figured out what the problem was. I created a pull request on the @handsontable/react package. It ifxed it for me, is it possible for this solution to be adopted? The cause was that somehow the id which is derived from the current timestamp was repeating (I guess the component is rendered at the exact moment?) :expressionless:. So I changed the timestamp to a random string, and that fixed it immediately.

Here is the P.R

Thank you for sharing the PR. Our developer for React went on a 2-week vacation (starting from yesterday) so we won’t be able to change anything in the wrapper. However I will let the developers know and ask our CTO to schedule it when our colleague gets back.