shared element transitions dont seem to work on dev builds after expo 49

[skylarbarrera]

Minimal reproducible example

https://github.com/skylarbarrera/expo-router-transitions

Which package manager are you using? (Yarn is recommended)

bun

If the issue is web-related, please select the bundler (web.bundler in the app.json)

None

Summary

was running into an issue getting shared element transitions working in my project. i saw that

1. this feat is experimental
2. doesnt work with expo go

i was able to create a repo using bare dev builds between expo 49 (and related versions of expo packages) and expo 51

expo 49 seems to work although does seem to stop working after a while

Simulator.Screen.Recording.-.iPhone.15.Plus.-.2024-06-17.at.18.19.07.mp4

expo 51 does not work at all

Simulator.Screen.Recording.-.iPhone.15.Plus.-.2024-06-17.at.18.14.45.mp4

Environment

expo 49
expo-env-info 1.2.0 environment info:
System:
OS: macOS 14.4
Shell: 5.9 - /bin/zsh
Binaries:
Node: 18.20.3 - ~/.nvm/versions/node/v18.20.3/bin/node
npm: 10.7.0 - ~/.nvm/versions/node/v18.20.3/bin/npm
Watchman: 2024.06.10.00 - /opt/homebrew/bin/watchman
Managers:
CocoaPods: 1.15.2 - /opt/homebrew/bin/pod
SDKs:
iOS SDK:
Platforms: DriverKit 23.5, iOS 17.5, macOS 14.5, tvOS 17.5, visionOS 1.2, watchOS 10.5
IDEs:
Android Studio: 2023.3 AI-233.14808.21.2331.11842104
Xcode: 15.4/15F31d - /usr/bin/xcodebuild
npmPackages:
expo: ~49.0.23 => 49.0.23
expo-router: ^2.0.0 => 2.0.15
react: 18.2.0 => 18.2.0
react-dom: 18.2.0 => 18.2.0
react-native: 0.72.10 => 0.72.10
react-native-web: ~0.19.10 => 0.19.12
Expo Workflow: bare

expo 51
expo-env-info 1.2.0 environment info:
System:
OS: macOS 14.4
Shell: 5.9 - /bin/zsh
Binaries:
Node: 18.20.3 - ~/.nvm/versions/node/v18.20.3/bin/node
npm: 10.7.0 - ~/.nvm/versions/node/v18.20.3/bin/npm
Watchman: 2024.06.10.00 - /opt/homebrew/bin/watchman
Managers:
CocoaPods: 1.15.2 - /opt/homebrew/bin/pod
SDKs:
iOS SDK:
Platforms: DriverKit 23.5, iOS 17.5, macOS 14.5, tvOS 17.5, visionOS 1.2, watchOS 10.5
IDEs:
Android Studio: 2023.3 AI-233.14808.21.2331.11842104
Xcode: 15.4/15F31d - /usr/bin/xcodebuild
npmPackages:
expo: ~51.0.14 => 51.0.14
expo-router: ~3.5.16 => 3.5.16
react: 18.2.0 => 18.2.0
react-dom: 18.2.0 => 18.2.0
react-native: 0.74.2 => 0.74.2
react-native-web: ~0.19.10 => 0.19.12
Expo Workflow: bare