Transition happens only once with React Navigation V6 with Bottom Tabs

Hi @IjzerenHein ,

We are using following versions of the library:
"@react-navigation/native": "6.0.6",
"@react-navigation/stack": "6.0.11",
"react-native-shared-element": "0.8.3",
"react-navigation-shared-element": "3.1.3",
"rn-wave-bottom-bar": "2.0.0"

The navigators are arranged in following manner:

// Tab Navigator includes an individual screen and no stack navigators

// This below common screens include screens for which shared element transition is required.
{commonScreens(MainStack)}

The issue with the above implementation is that on the first tab where I have those options for which I need transitions, works perfectly fine, it stops working when I change the tab and come back to the previous tab and try to open same screens, it just doesn't work.

Any help?

Start with the NavigationContainer, MainStack.Navigator, TabNavigator, and commonScreens arrangement described in the issue, using the listed React Navigation and shared-element versions. Reproduce the transition, switch away from the first tab, return, and open the same screens again; done means the shared-element transition still runs after returning to the tab.

Written by the indexing model from the issue text.