streetRAT

Thanks for the reply. I think I have narrowed the problem down to the ref not being defined early enough. tryingg to figure out why that is happening. revert() did not fix things unfortunately. I found it in one of these forums. I can't find the actual link but will post it when I do. thanks anyway ?

https://codesandbox.io/s/keycap-demo-forked-t207rm?file=/src/Keyboard/Keyboard.jsx Hello everyone 🙂 I have had the pleasure of stumbling across this lovely software and community and decided it was the perfect way to tackle one of my more ambitious projects. Documenting my most ambitious project. In the codeSandBox above I have a basic react three fiber scene with a render of my custom keyboard. The aim is to get the keyboard to float around and have the pieces be blown up as I talk about them. Starting with the basic movement and scrollTriggers everything was working as expected, timelines are really just...chefs kiss. When it came time to share the code and see how it worked on my other machines I realized that the animation would not trigger on the first render. If I change a line of code or remove a variable, for example (`line 83 - keybRef.current`, Keyboard.jsx) can be removed and when you save the sandbox the animation works. When you reload however the animation will not work. I am facing even more strange behavior on the local side that I am sure is the same issue showing up in a different way as the sandbox is not identical to my dev environment. I hope I have provided enough information. Thanks 🙂