Cannot create expo + nextjs project

[justinmann]

Summary

Instructions here on official website do not work: https://docs.expo.dev/guides/using-nextjs/

npx create-react-native-app -t with-nextjs // Cannot run npm install because of version incompatibilities

Environment

expo-env-info 1.0.5 environment info: System: OS: macOS 13.0.1 Shell: 5.8.1 - /bin/zsh Binaries: Node: 18.12.1 - /usr/local/bin/node npm: 8.19.2 - /usr/local/bin/npm Managers: CocoaPods: 1.11.3 - /opt/homebrew/bin/pod SDKs: iOS SDK: Platforms: DriverKit 22.2, iOS 16.2, macOS 13.1, tvOS 16.1, watchOS 9.1 IDEs: Xcode: 14.2/14C18 - /usr/bin/xcodebuild npmPackages: @expo/webpack-config: ^0.17.0 => 0.17.4 expo: 46.0.0 => 46.0.0 react: 18.2.0 => 18.2.0 react-dom: 18.2.0 => 18.2.0 react-native: 0.71.0 => 0.71.0 react-native-web: 0.18.7 => 0.18.7 Expo Workflow: managed

Please specify your device/emulator/simulator platform, model and version

npm

Error output

justinmann@Justins-MacBook-Pro GitHub % npx create-react-native-app -t with-nextjs ✔ What is your app named? … my-react-app ✔ Downloaded and extracted project files.

Using npm to install packages.

✖ Something when wrong installing JavaScript dependencies. Check your npm logs. Continuing to initialize the app.

✅ Your project is ready!

To run your project, navigate to the directory and run one of the following npm commands.

• cd my-react-app
• npm run android
• npm run ios
• npm run web justinmann@Justins-MacBook-Pro GitHub % cd my-react-app justinmann@Justins-MacBook-Pro my-react-app % npm install npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resolving: my-react-app@1.0.0 npm ERR! Found: react@18.1.0 npm ERR! node_modules/react npm ERR! react@"18.1.0" from the root project npm ERR! npm ERR! Could not resolve dependency: npm ERR! peer react@"^18.2.0" from next@13.1.2 npm ERR! node_modules/next npm ERR! next@"~13.1.1" 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! npm ERR! See /Users/justinmann/.npm/eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in: npm ERR! /Users/justinmann/.npm/_logs/2023-01-18T00_43_22_805Z-debug-0.log

Reproducible demo or steps to reproduce from a blank project

npx create-react-native-app -t with-nextjs npm install

[AyoCodess]

any updates on this?

[byCedric]

See: https://github.com/expo/examples/pull/449