Doubts about making "faceVertexUvs" reactive

[dumaron]

I'm struggling with the reactivity of react-three-fibers - in particular with the faceVertexUvs attribute.
Here's a sandbox. You can click on the image of my cat to trigger a change in the component's state - but nothing moves.

As you can see the Box component is reactive to the background thanks to onUpdate, which is a self-updating function like the one I've see in the docs:

onUpdate={self => (background || offset) && (self.needsUpdate = true)}

Now, how can I repropouse this pattern with the uvs vertex? onUpdate isn't working right now, but even if it were, would be correct since offset is always trueish?

[drcmda]

this one helps a lot: https://threejs.org/docs/#manual/en/introduction/How-to-update-things

threejs has very specific update rule, most importantly you can not overwrite geometry. you can only mutate it.

[dumaron]

I've managed it out but since I wanted to switch from Geometry to BufferGeometry too, the resolution is a bit changed.
Here's the new sandbox.

I've choosen to use a ref in order to have direct access to the BufferAttribute instance that specifies the uvs; then I set manually needsUpdate to true whenever the offset change. A useEffect on offset would work too.

Just a note for @drcmda : after following your link I've tried with the uvsNeedUpdate attribute on geometry, but it didn't work. I've left a comment on the sandbox in case this was supposed to work.

Thanks!