React Native 0.73.1 and Expo 50 - incompatible with @react-three/[email protected] - what would you do?

[joshon]

I have these dependencies:
"dependencies": {
"expo-font": "^11.6.0",
"expo-modules-core": "^1.5.12",
"expo-splash-screen": "^0.22.0",
"react": "18.2.0",
"react-native": "0.73.1",
"react-native-gesture-handler": "^2.14.0",
"expo": ">=50.0.0-0 <51.0.0"
},
And when I try to install R3F it says that it is using an earlier version of expo.
I naively tried manually downgrading expo in the package.json - but that caused a cascading set of errors.
What are my best options here. I am guessing I should start from scratch with an earlier version of ReactNative - like 0.72.6 which I have seen works. But I wanted to get advice here first. What would you do?

Thanks!

Here is the terminal log:

npm install three @react-three/fiber
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: @react-three/[email protected]
npm ERR! Found: [email protected]
npm ERR! node_modules/expo
npm ERR! peer expo@"" from [email protected]
npm ERR! node_modules/expo-constants
npm ERR! expo-constants@"~15.4.0" from [email protected]
npm ERR! node_modules/expo-asset
npm ERR! expo-asset@"~9.0.1" from [email protected]
npm ERR! 1 more (@react-three/fiber)
npm ERR! peer expo@"" from [email protected]
npm ERR! node_modules/expo-file-system
npm ERR! expo-file-system@"~16.0.2" from [email protected]
npm ERR! expo-file-system@"~16.0.0" from [email protected]
npm ERR! node_modules/expo-asset
npm ERR! expo-asset@"~9.0.1" from [email protected]
npm ERR! 1 more (@react-three/fiber)
npm ERR! 1 more (@react-three/fiber)
npm ERR! 5 more (expo-font, expo-gl, expo-keep-awake, expo-splash-screen, the root project)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peerOptional expo@">=43.0" from @react-three/[email protected]
npm ERR! node_modules/@react-three/fiber
npm ERR! @react-three/fiber@"" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: [email protected]
npm ERR! node_modules/expo
npm ERR! peerOptional expo@">=43.0" from @react-three/[email protected]
npm ERR! node_modules/@react-three/fiber
npm ERR! @react-three/fiber@"" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!

[CodyJasonBennett]

This is NPM >=7 being pedantic about preview versions which break SemVer ranges like you specified in your package.json. I would either install the latest or correct Expo version within that range (use ^ to pin to major or ~ to minor). NPM is installing .0-preview which doesn't conform to the usual SemVer range. You can bypass this with --legacy-peer-deps if you are sure this is correct.