react-three-fiber + react-spring 不同步?

react-three-fiber + react-spring desync?

我正在尝试使用 react-three-fiber 和 react-spring 制作一个简单的动画,其中网格中有一堆 3d 对象,当 hovered/selected 时每个对象都会放大当它不是 hovered/selected 时恢复正常。当我只是将网格比例设置为相应交互的最小值或最大值时,这是有效的。

当我实施 spring 时,这些值开始与它们应有的值不同步。如果您快速将鼠标悬停在下面示例中的框上,您就会明白我的意思。

https://codesandbox.io/s/r3f-rs-bug-zrlvd

我对 React 生态系统很陌生,所以我希望我只是做错了什么,但是当我将我的设置与一个工作示例进行比较时,我无法弄清楚我可能做错了什么。

正在将鼠标悬停在脚本上:https://codesandbox.io/s/9y8vkjykyy

我可以创建自己的补间系统,在值之间进行缓和,但我很想得到 react-spring 来玩得很好。

如有任何意见,我们将不胜感激

这是 react-spring 中已确认的错误。它已在 v9

中修复