Error: Node with id=... doesn't exist in the tree.

[sentry-io]

This is a bug we observed many times with users on Safari.

Sentry Issue: GRAASP-PLAYER-GB

React ErrorBoundary Error: Node with id=14b0089f-40e9-4fb9-92b1-ef64e2d18107 doesn't exist in the tree.
  at None (/assets/index-Dw4ZcfGx.js:587:20211)
  at None (/assets/index-Dw4ZcfGx.js:104:39944)
  at None (/assets/index-Dw4ZcfGx.js:104:72460)
  at ny (/assets/index-Dw4ZcfGx.js:77:2853)
  at Rz (/assets/index-Dw4ZcfGx.js:587:29276)
...
(37 additional frame(s) were not displayed)

Error: Node with id=14b0089f-40e9-4fb9-92b1-ef64e2d18107 doesn't exist in the tree.
  at jt (/assets/index-Dw4ZcfGx.js:587:5246)
  at fr (/assets/index-Dw4ZcfGx.js:587:1867)
  at None (/assets/index-Dw4ZcfGx.js:587:17427)
  at OT (/assets/index-Dw4ZcfGx.js:40:24284)
  at Fu (/assets/index-Dw4ZcfGx.js:40:42411)
...
(5 additional frame(s) were not displayed)

[spaenleh]

This error originates from the ReactAccessibleTree component which keeps an inner state and when we navigate to a different hierarchy just throws an error because the new nodes are not in it's state anymore... It is really annoying to work with. We have added an ErrorBoundary, but it looks like the boundary does not apply correctly to users running on Safari.

We should remove the reactaccessibletree component and use a simpler component made ourselves.

[spaenleh]

After some investigation, the links that are cause the issue are links that have only the :rootId part of the url, everything works fine when using the player.graasp.org/:rootId/:itemId link.