React-three-fiber: Mouse events are no longer firing on animated components

[mattrossman]

In the latest release v5.3.0, mouse events like onClick and onPointerOver are not firing on components that are animated with react-spring/three. This behavior does not occur in previous versions of react-three-fiber.

Here is a sandbox demonstrating the issue:
https://codesandbox.io/s/react-spring-click-bug-bny8i?file=/src/index.js

If you change the react-three-fiber dependency to the previous version 5.2.1, the mouse events work as expected. It also works if I use the beta release of react-spring, but I'd expect this basic functionality to work in the stable release.

[drcmda]

yes there was a rather drastic change today to fix concurrent mode. it works with @react-spring/three you're using v8. just switch and it starts working. as for why v8 does that - will have to investigate.

[mattrossman]

I feel like the @react-spring/three package rename needs to be made way more obvious than just the one line change in recipes.md. Is there any reason an up-to-date r3f / spring setup guide isn't documented on the react-spring docs? If you don't know in which markdown file to look, it's damn near impossible to figure this stuff out.

[drcmda]

this you need to ask alec on the RS github.

[drcmda]

cant reproduce this locally. maybe its fixed, we'll see next patch release.

[drcmda]

should be fixed