shared element not working correctly with expo 50

i have made a react expo app with these versions of dependencies
```
"dependencies": {
"@babel/plugin-proposal-export-namespace-from": "^7.18.9",
"@expo/metro-runtime": "~3.1.3",
"@react-navigation/native": "^6.1.9",
"@react-navigation/native-stack": "^6.9.17",
"expo": "~50.0.6",
"expo-status-bar": "~1.11.1",
"react": "18.2.0",
"react-dom": "18.2.0",
"react-native": "0.73.4",
"react-native-reanimated": "~3.6.2",
"react-native-web": "~0.19.6",
"expo-image": "~1.10.6"
},
```

now navigatiion stack is like this

```
const Stack = createNativeStackNavigator();

export default function App() {
return (






);
}
```

and image tags on both screens are like

```

```

https://github.com/IjzerenHein/react-navigation-shared-element/assets/67498083/8467167a-a9ab-4db6-8c78-634091872fb5

there is no transition on going from home to about .while comming back from about to home animationis there but image go in left corner and disappers .

what can be the fix.

Start by reproducing the issue in the App navigation entry point with the shown Expo 50 dependencies, Homescreen and AboutScreen, and the shared image at ./assets/adaptive-icon.png. Check the forward and backward transitions separately; done means the image animates between matching positions in both directions without moving to the corner or disappearing.

Written by the indexing model from the issue text.