Animations stop working on React Navigation with multiple scenes

[tbert12]

Requirements:

Please go through this checklist before opening a new issue

• [x] Review the documentation
• [x] Search for existing issues in: viromedia/viro & ViroCommunity/viro
• [x] Use the latest ViroReact release

Environment

Please provide the following information about your environment:

1. Development OS: Mac
2. Device OS & Version: Androi 8+ / iOS 11.0+
3. Version: ViroReact version and React Native version: Viro 2.21.0 & React native 0.64.1 & React 17.0.1
4. Device(s): Iphone 13

Description

I have a project with react navigation (5.9.4) and has two screen. The first one has a Viro3DSceneNavigator and the another one has ViroARSceneNavigator. Both works well and shows the object as expected. The problem is with the animations, at first time the two scenes play the animations well. But when I come goBack from the second the animations stops to play.

Start the app & show first screen with 3D (OK)-> navigate to second screen with AR (OK) -> goBack -> HERE ANIMATIONS STOP

As a detail: The first screen has a button to rotate objects in the scene. The implementation is an animation which has +10deg in 300ms and when I press the button run the animation using a flag. This produce a pretty and smooth rotation. When the animations frezee (problem described above) the animation run but in one frame moving directly this 10 deg in.

[robertjcolley]

If it's not too much work, can you share a minimally reproducible repo?