Wrapping a simple react component, but it errors on page refresh, why? (react-lasso-select)

[TimChild]

I tried wrapping the react-lasso-select assuming it would be a very easy example to get started with. For the most part it was, except that when the page is refreshed I get a Next.js error related to an infinite recursion. Does anyone know why?

The wrapped component is on github here.

Here's a short video demonstrating the behaviour
Screencast from 2025-03-11 13-28-45.webm

Refresh without selection works, refresh with selection results in error.

In the terminal this is shown:

[Reflex Frontend Exception]
 getCTM@http://localhost:3002/_next/static/chunks/node_modules_ec629a._.js:10792:98
convertRealPointsToViewbox@http://localhost:3002/_next/static/chunks/node_modules_ec629a._.js:10826:43
setPathStateFromProps@http://localhost:3002/_next/static/chunks/node_modules_ec629a._.js:11363:55
componentDidUpdate@http://localhost:3002/_next/static/chunks/node_modules_ec629a._.js:11298:70
react-stack-bottom-frame@http://localhost:3002/_next/static/chunks/node_modules_react-dom_82bb97._.js:12414:26
runWithFiberInDEV@http://localhost:3002/_next/static/chunks/node_modules_react-dom_82bb97._.js:631:20
commitLayoutEffectOnFiber@http://localhost:3002/_next/static/chunks/node_modules_react-dom_82bb97._.js:6159:72
recursivelyTraverseLayoutEffects@http://localhost:3002/_next/static/chunks/node_modules_react-dom_82bb97._.js:6640:130
...
commitLayoutEffectOnFiber@http://localhost:3002/_next/static/chunks/node_modules_react-dom_82bb97._.js:6149:49
recursivelyTraverseLayoutEffects@http://localhost:3002/_next/static/chunks/node_modules_react-dom_82bb97._.js:6640:130
commitLayoutEffectOnFiber@http://localhost:3002/_next/static/chunks/node_modules_react-dom_82bb97._.js:6166:49
commitLayoutEffects@http://localhost:3002/_next/static/chunks/node_modules_react-dom_82bb97._.js:6636:34
commitRootImpl@http://localhost:3002/_next/static/chunks/node_modules_react-dom_82bb97._.js:8087:767
commitRoot@http://localhost:3002/_next/static/chunks/node_modules_react-dom_82bb97._.js:8055:95
commitRootWhenReady@http://localhost:3002/_next/static/chunks/node_modules_react-dom_82bb97._.js:7661:19
performWorkOnRoot@http://localhost:3002/_next/static/chunks/node_modules_react-dom_82bb97._.js:7637:44
performWorkOnRootViaSchedulerTask@http://localhost:3002/_next/static/chunks/node_modules_react-dom_82bb97._.js:8386:26
performWorkUntilDeadline@http://localhost:3002/_next/static/chunks/node_modules_08b43c._.js:1875:72

A few things I've tried:

• rx.Component or rx.NoSSRComponent -- no obvious difference in behaviour
• using on_complete rather than on_change events -- no difference to error

Thoughts on solution:

• Maybe something can be done on mount or unmount to clear something?

Additional info:

• Using a local image from assets folder does NOT show the same problem. In that case it works fine. So it's likely related to drawing the points before the image is loaded...