Updating crashes browser

[ghost]

[dangrabcad]

I've only had a quick look, so this could be wrong, but it looks like an infinite loop. In CubeMesh's useEffect callback, you're calling updatePosition, which in turn is causing the component to re-render, which makes the useEffect run again, which calls updatePosition again, etc.

[dangrabcad]

I haven't used the 3js TransformControls, but I'd guess you want to update the position from a change event handler instead of querying it from a useEffect. The control flow you need is that the TransformControls change event updates the Zustand state, which either changes the scene-graph directly or causes a React render, and render doesn't change the state at all. Causing a React render every mouse event might end up too slow: the right thing to do might be to change the scene-graph directly while dragging, then only update the Zustand state and React props when you get pointerUp; but it depends on your use-case and what else is using that state.