nandorojo / moti

🐼 The React Native (+ Web) animation library, powered by Reanimated 3.
https://moti.fyi
MIT License
3.91k stars 120 forks source link

Cannot read properties of null (reading 'useRef') #189

Closed Niklas-Liljendahl closed 2 years ago

Niklas-Liljendahl commented 2 years ago

Not sure this is the correct place to ask, but I have some issues with using Moti when building both to simulator and to real device.

Specs:

The app crashes with an error saying:

image

It seems to be related to AnimatePresence. When looking into the code it seems like it's coming from: node_modules/@motify/core/node_modules/react/cjs/react.development.js (Row: 1623)

Worth mentioning is that it work for me previously, but I did a clean install of the repo and since then this issue keeps occuring.

Tried what I could think of:

nandorojo commented 2 years ago

can you show the whole error instead of a cropped screenshot? could you copy the stack trace from the console

nandorojo commented 2 years ago

a few questions. are you in a monorepo? do you have multiple versions of react installed?

try running yarn why react

Niklas-Liljendahl commented 2 years ago

Absolutely, here it is: image image

Niklas-Liljendahl commented 2 years ago

a few questions. are you in a monorepo? do you have multiple versions of react installed?

try running yarn why react

npm why react ``` react@18.0.0 peer node_modules/@motify/core/node_modules/react peer react@">=16.8 || ^17.0.0" from framer-motion@3.10.6 node_modules/@motify/core/node_modules/framer-motion framer-motion@"^3.9.1" from @motify/core@0.17.1 node_modules/@motify/core @motify/core@"^0.17.1" from @motify/components@0.17.1 node_modules/@motify/components @motify/components@"^0.17.1" from moti@0.17.1 node_modules/moti moti@"^0.17.1" from the root project @motify/core@"^0.17.1" from moti@0.17.1 node_modules/moti moti@"^0.17.1" from the root project peer react@"^18.0.0" from react-dom@18.0.0 node_modules/@motify/core/node_modules/react-dom peer react-dom@">=16.8 || ^17.0.0" from framer-motion@3.10.6 node_modules/@motify/core/node_modules/framer-motion framer-motion@"^3.9.1" from @motify/core@0.17.1 node_modules/@motify/core @motify/core@"^0.17.1" from @motify/components@0.17.1 node_modules/@motify/components @motify/components@"^0.17.1" from moti@0.17.1 node_modules/moti moti@"^0.17.1" from the root project @motify/core@"^0.17.1" from moti@0.17.1 node_modules/moti moti@"^0.17.1" from the root project react@16.5.0 peer node_modules/@ui-kitten/eva-icons/node_modules/react peer react@"16.5.0" from react-native-eva-icons@1.3.1 node_modules/@ui-kitten/eva-icons/node_modules/react-native-eva-icons react-native-eva-icons@"^1.3.1" from @ui-kitten/eva-icons@5.1.2 node_modules/@ui-kitten/eva-icons @ui-kitten/eva-icons@"^5.1.1" from the root project react@17.0.2 node_modules/react react@"17.0.2" from the root project peer react@"*" from @papercups-io/chat-widget-native@1.0.5 node_modules/@papercups-io/chat-widget-native @papercups-io/chat-widget-native@"^1.0.5" from the root project peer react@"16 || 17" from @react-native-community/cameraroll@4.1.2 node_modules/@react-native-community/cameraroll @react-native-community/cameraroll@"^4.1.2" from the root project peer react@">=16.8.0" from @react-native-community/hooks@2.8.1 node_modules/@react-native-community/hooks @react-native-community/hooks@"^2.6.0" from @fullstackcraft/react-native-keyboard-shift@1.1.5-alpha0 node_modules/@fullstackcraft/react-native-keyboard-shift @fullstackcraft/react-native-keyboard-shift@"^1.1.5-alpha0" from the root project peer react@"*" from @react-native-firebase/app@14.7.0 node_modules/@react-native-firebase/app @react-native-firebase/app@"^14.2.1" from the root project peer @react-native-firebase/app@"14.7.0" from @react-native-firebase/messaging@14.7.0 node_modules/@react-native-firebase/messaging @react-native-firebase/messaging@"^14.2.1" from the root project peer react@"*" from @react-navigation/bottom-tabs@6.3.1 node_modules/@react-navigation/bottom-tabs @react-navigation/bottom-tabs@"^6.0.9" from the root project peer react@"*" from @react-navigation/core@6.2.1 node_modules/@react-navigation/core @react-navigation/core@"^6.2.1" from @react-navigation/native@6.0.10 node_modules/@react-navigation/native @react-navigation/native@"^6.0.6" from the root project peer @react-navigation/native@"^6.0.0" from @react-navigation/bottom-tabs@6.3.1 node_modules/@react-navigation/bottom-tabs @react-navigation/bottom-tabs@"^6.0.9" from the root project peer @react-navigation/native@"^6.0.0" from @react-navigation/elements@1.3.3 node_modules/@react-navigation/elements @react-navigation/elements@"^1.3.3" from @react-navigation/bottom-tabs@6.3.1 node_modules/@react-navigation/bottom-tabs @react-navigation/bottom-tabs@"^6.0.9" from the root project @react-navigation/elements@"^1.3.3" from @react-navigation/native-stack@6.6.1 node_modules/@react-navigation/native-stack @react-navigation/native-stack@"^6.2.5" from the root project peer @react-navigation/native@"^6.0.0" from @react-navigation/native-stack@6.6.1 node_modules/@react-navigation/native-stack @react-navigation/native-stack@"^6.2.5" from the root project peer react@"*" from @react-navigation/elements@1.3.3 node_modules/@react-navigation/elements @react-navigation/elements@"^1.3.3" from @react-navigation/bottom-tabs@6.3.1 node_modules/@react-navigation/bottom-tabs @react-navigation/bottom-tabs@"^6.0.9" from the root project @react-navigation/elements@"^1.3.3" from @react-navigation/native-stack@6.6.1 node_modules/@react-navigation/native-stack @react-navigation/native-stack@"^6.2.5" from the root project peer react@"*" from @react-navigation/native@6.0.10 node_modules/@react-navigation/native @react-navigation/native@"^6.0.6" from the root project peer @react-navigation/native@"^6.0.0" from @react-navigation/bottom-tabs@6.3.1 node_modules/@react-navigation/bottom-tabs @react-navigation/bottom-tabs@"^6.0.9" from the root project peer @react-navigation/native@"^6.0.0" from @react-navigation/elements@1.3.3 node_modules/@react-navigation/elements @react-navigation/elements@"^1.3.3" from @react-navigation/bottom-tabs@6.3.1 node_modules/@react-navigation/bottom-tabs @react-navigation/bottom-tabs@"^6.0.9" from the root project @react-navigation/elements@"^1.3.3" from @react-navigation/native-stack@6.6.1 node_modules/@react-navigation/native-stack @react-navigation/native-stack@"^6.2.5" from the root project peer @react-navigation/native@"^6.0.0" from @react-navigation/native-stack@6.6.1 node_modules/@react-navigation/native-stack @react-navigation/native-stack@"^6.2.5" from the root project peer react@"*" from @react-navigation/native-stack@6.6.1 node_modules/@react-navigation/native-stack @react-navigation/native-stack@"^6.2.5" from the root project peer react@"^0.14.0 || ^15.0.0 || ^16.0.0 || ^17.0.0" from mini-create-react-context@0.4.1 node_modules/mini-create-react-context mini-create-react-context@"^0.4.0" from react-router@5.2.1 node_modules/react-router react-router@"5.2.1" from react-router-native@5.2.1 node_modules/react-router-native react-router-native@"^5.2.1" from the root project peer react@"^17.0.0" from react-freeze@1.0.0 node_modules/react-freeze react-freeze@"^1.0.0" from react-native-screens@3.13.1 node_modules/react-native-screens react-native-screens@"^3.10.1" from the root project peer react-native-screens@">= 3.0.0" from @react-navigation/bottom-tabs@6.3.1 node_modules/@react-navigation/bottom-tabs @react-navigation/bottom-tabs@"^6.0.9" from the root project peer react-native-screens@">= 3.0.0" from @react-navigation/native-stack@6.6.1 node_modules/@react-navigation/native-stack @react-navigation/native-stack@"^6.2.5" from the root project react-native-screens@"^3.4.0" from react-native-reanimated@2.4.1 node_modules/react-native-reanimated react-native-reanimated@"2.4.1" from the root project peer react-native-reanimated@">=2.0.0" from react-native-redash@16.2.3 node_modules/react-native-redash react-native-redash@"^16.2.3" from the root project peer react@"17.0.2" from react-native@0.66.0 node_modules/react-native react-native@"0.66.0" from the root project peer react-native@"*" from @notifee/react-native@3.0.4 node_modules/@notifee/react-native @notifee/react-native@"^3.0.4" from the root project peer react-native@"*" from @papercups-io/chat-widget-native@1.0.5 node_modules/@papercups-io/chat-widget-native @papercups-io/chat-widget-native@"^1.0.5" from the root project peer react-native@"^0.0.0-0 || 0.60 - 0.68 || 1000.0.0" from @react-native-async-storage/async-storage@1.17.3 node_modules/@react-native-async-storage/async-storage @react-native-async-storage/async-storage@"^1.15.14" from the root project peer react-native@">=0.60" from @react-native-community/cameraroll@4.1.2 node_modules/@react-native-community/cameraroll @react-native-community/cameraroll@"^4.1.2" from the root project peer react-native@"*" from @react-native-community/cli@6.4.0 node_modules/@react-native-community/cli @react-native-community/cli@"^6.0.0" from react-native@0.66.0 peer react-native@">=0.59" from @react-native-community/hooks@2.8.1 node_modules/@react-native-community/hooks @react-native-community/hooks@"^2.6.0" from @fullstackcraft/react-native-keyboard-shift@1.1.5-alpha0 node_modules/@fullstackcraft/react-native-keyboard-shift @fullstackcraft/react-native-keyboard-shift@"^1.1.5-alpha0" from the root project peer react-native@"*" from @react-native-firebase/app@14.7.0 node_modules/@react-native-firebase/app @react-native-firebase/app@"^14.2.1" from the root project peer @react-native-firebase/app@"14.7.0" from @react-native-firebase/messaging@14.7.0 node_modules/@react-native-firebase/messaging @react-native-firebase/messaging@"^14.2.1" from the root project peer react-native@"*" from @react-navigation/bottom-tabs@6.3.1 node_modules/@react-navigation/bottom-tabs @react-navigation/bottom-tabs@"^6.0.9" from the root project peer react-native@"*" from @react-navigation/elements@1.3.3 node_modules/@react-navigation/elements @react-navigation/elements@"^1.3.3" from @react-navigation/bottom-tabs@6.3.1 node_modules/@react-navigation/bottom-tabs @react-navigation/bottom-tabs@"^6.0.9" from the root project @react-navigation/elements@"^1.3.3" from @react-navigation/native-stack@6.6.1 node_modules/@react-navigation/native-stack @react-navigation/native-stack@"^6.2.5" from the root project peer react-native@"*" from @react-navigation/native@6.0.10 node_modules/@react-navigation/native @react-navigation/native@"^6.0.6" from the root project peer @react-navigation/native@"^6.0.0" from @react-navigation/bottom-tabs@6.3.1 node_modules/@react-navigation/bottom-tabs @react-navigation/bottom-tabs@"^6.0.9" from the root project peer @react-navigation/native@"^6.0.0" from @react-navigation/elements@1.3.3 node_modules/@react-navigation/elements @react-navigation/elements@"^1.3.3" from @react-navigation/bottom-tabs@6.3.1 node_modules/@react-navigation/bottom-tabs @react-navigation/bottom-tabs@"^6.0.9" from the root project @react-navigation/elements@"^1.3.3" from @react-navigation/native-stack@6.6.1 node_modules/@react-navigation/native-stack @react-navigation/native-stack@"^6.2.5" from the root project peer @react-navigation/native@"^6.0.0" from @react-navigation/native-stack@6.6.1 node_modules/@react-navigation/native-stack @react-navigation/native-stack@"^6.2.5" from the root project peer react-native@"*" from @react-navigation/native-stack@6.6.1 node_modules/@react-navigation/native-stack @react-navigation/native-stack@"^6.2.5" from the root project peer react-native@">=0.64.0" from react-native-contacts@7.0.4 node_modules/react-native-contacts react-native-contacts@"^7.0.3" from the root project peer react-native@">=0.50.0" from react-native-countdown-circle-timer@2.5.4 node_modules/react-native-countdown-circle-timer react-native-countdown-circle-timer@"^2.5.4" from the root project peer react-native@"*" from react-native-device-info@8.7.0 node_modules/react-native-device-info react-native-device-info@"^8.4.4" from the root project peer react-native@">=0.60.0" from react-native-fast-image@8.5.11 node_modules/react-native-fast-image react-native-fast-image@"^8.5.11" from the root project peer react-native@"*" from react-native-gesture-handler@2.3.2 node_modules/react-native-gesture-handler react-native-gesture-handler@"^2.2.0" from the root project peer react-native-gesture-handler@"*" from react-native-reanimated@2.4.1 node_modules/react-native-reanimated react-native-reanimated@"2.4.1" from the root project peer react-native-reanimated@">=2.0.0" from react-native-redash@16.2.3 node_modules/react-native-redash react-native-redash@"^16.2.3" from the root project peer react-native-gesture-handler@"*" from react-native-redash@16.2.3 node_modules/react-native-redash react-native-redash@"^16.2.3" from the root project peer react-native@">= 0.59" from react-native-google-places-autocomplete@2.4.1 node_modules/react-native-google-places-autocomplete react-native-google-places-autocomplete@"^2.4.1" from the root project peer react-native@"*" from react-native-image-picker@4.7.3 node_modules/react-native-image-picker react-native-image-picker@"^4.6.1" from the root project peer react-native@">=v0.40.0" from react-native-image-resizer@1.4.5 node_modules/react-native-image-resizer react-native-image-resizer@"^1.4.5" from the root project peer react-native@">=0.42.0" from react-native-iphone-x-helper@1.3.1 node_modules/react-native-iphone-x-helper react-native-iphone-x-helper@"^1.0.3" from react-native-keyboard-aware-scroll-view@0.9.5 node_modules/react-native-keyboard-aware-scroll-view react-native-keyboard-aware-scroll-view@"^0.9.5" from the root project peer react-native@">=0.48.4" from react-native-keyboard-aware-scroll-view@0.9.5 node_modules/react-native-keyboard-aware-scroll-view react-native-keyboard-aware-scroll-view@"^0.9.5" from the root project peer react-native@">=0.55" from react-native-linear-gradient@2.5.6 node_modules/react-native-linear-gradient react-native-linear-gradient@"^2.5.6" from the root project peer react-native@">=0.63.3" from react-native-permissions@3.3.1 node_modules/react-native-permissions react-native-permissions@"^3.2.0" from the root project peer react-native@"*" from react-native-quick-base64@2.0.2 node_modules/react-native-quick-base64 react-native-quick-base64@"^2.0.2" from the root project peer react-native@"*" from react-native-reanimated@2.4.1 node_modules/react-native-reanimated react-native-reanimated@"2.4.1" from the root project peer react-native-reanimated@">=2.0.0" from react-native-redash@16.2.3 node_modules/react-native-redash react-native-redash@"^16.2.3" from the root project peer react-native@"*" from react-native-redash@16.2.3 node_modules/react-native-redash react-native-redash@"^16.2.3" from the root project peer react-native@"*" from react-native-safe-area-context@3.4.1 node_modules/react-native-safe-area-context react-native-safe-area-context@"^3.3.2" from the root project peer react-native-safe-area-context@">= 3.0.0" from @react-navigation/bottom-tabs@6.3.1 node_modules/@react-navigation/bottom-tabs @react-navigation/bottom-tabs@"^6.0.9" from the root project peer react-native-safe-area-context@">= 3.0.0" from @react-navigation/elements@1.3.3 node_modules/@react-navigation/elements @react-navigation/elements@"^1.3.3" from @react-navigation/bottom-tabs@6.3.1 node_modules/@react-navigation/bottom-tabs @react-navigation/bottom-tabs@"^6.0.9" from the root project @react-navigation/elements@"^1.3.3" from @react-navigation/native-stack@6.6.1 node_modules/@react-navigation/native-stack @react-navigation/native-stack@"^6.2.5" from the root project peer react-native-safe-area-context@">= 3.0.0" from @react-navigation/native-stack@6.6.1 node_modules/@react-navigation/native-stack @react-navigation/native-stack@"^6.2.5" from the root project peer react-native@"*" from react-native-screens@3.13.1 node_modules/react-native-screens react-native-screens@"^3.10.1" from the root project peer react-native-screens@">= 3.0.0" from @react-navigation/bottom-tabs@6.3.1 node_modules/@react-navigation/bottom-tabs @react-navigation/bottom-tabs@"^6.0.9" from the root project peer react-native-screens@">= 3.0.0" from @react-navigation/native-stack@6.6.1 node_modules/@react-navigation/native-stack @react-navigation/native-stack@"^6.2.5" from the root project react-native-screens@"^3.4.0" from react-native-reanimated@2.4.1 node_modules/react-native-reanimated react-native-reanimated@"2.4.1" from the root project peer react-native-reanimated@">=2.0.0" from react-native-redash@16.2.3 node_modules/react-native-redash react-native-redash@"^16.2.3" from the root project peer react-native@">=0.50.0" from react-native-svg@12.3.0 node_modules/react-native-svg react-native-svg@"^12.1.1" from the root project peer react-native-svg@"*" from @ui-kitten/components@5.1.2 node_modules/@ui-kitten/components @ui-kitten/components@"^5.1.1" from the root project peer @ui-kitten/components@"5.1.2" from @ui-kitten/eva-icons@5.1.2 node_modules/@ui-kitten/eva-icons @ui-kitten/eva-icons@"^5.1.1" from the root project peer react-native-svg@"*" from @ui-kitten/eva-icons@5.1.2 node_modules/@ui-kitten/eva-icons @ui-kitten/eva-icons@"^5.1.1" from the root project peer react-native-svg@">=6.2.1" from react-native-countdown-circle-timer@2.5.4 node_modules/react-native-countdown-circle-timer react-native-countdown-circle-timer@"^2.5.4" from the root project peer react-native@"*" from react-native-webview@11.14.4 node_modules/react-native-webview react-native-webview@"11.14.4" from the root project peer react-native@">=0.44" from react-router-native@5.2.1 node_modules/react-router-native react-router-native@"^5.2.1" from the root project peer react@">=16.8.0" from react-native-countdown-circle-timer@2.5.4 node_modules/react-native-countdown-circle-timer react-native-countdown-circle-timer@"^2.5.4" from the root project peer react@"^16.8.6 || ^17.0.0" from react-native-fast-image@8.5.11 node_modules/react-native-fast-image react-native-fast-image@"^8.5.11" from the root project peer react@"*" from react-native-gesture-handler@2.3.2 node_modules/react-native-gesture-handler react-native-gesture-handler@"^2.2.0" from the root project peer react-native-gesture-handler@"*" from react-native-reanimated@2.4.1 node_modules/react-native-reanimated react-native-reanimated@"2.4.1" from the root project peer react-native-reanimated@">=2.0.0" from react-native-redash@16.2.3 node_modules/react-native-redash react-native-redash@"^16.2.3" from the root project peer react-native-gesture-handler@"*" from react-native-redash@16.2.3 node_modules/react-native-redash react-native-redash@"^16.2.3" from the root project peer react@"*" from react-native-image-picker@4.7.3 node_modules/react-native-image-picker react-native-image-picker@"^4.6.1" from the root project peer react@">=16.13.1" from react-native-permissions@3.3.1 node_modules/react-native-permissions react-native-permissions@"^3.2.0" from the root project peer react@"*" from react-native-quick-base64@2.0.2 node_modules/react-native-quick-base64 react-native-quick-base64@"^2.0.2" from the root project peer react@"*" from react-native-reanimated@2.4.1 node_modules/react-native-reanimated react-native-reanimated@"2.4.1" from the root project peer react-native-reanimated@">=2.0.0" from react-native-redash@16.2.3 node_modules/react-native-redash react-native-redash@"^16.2.3" from the root project peer react@"*" from react-native-redash@16.2.3 node_modules/react-native-redash react-native-redash@"^16.2.3" from the root project peer react@"*" from react-native-safe-area-context@3.4.1 node_modules/react-native-safe-area-context react-native-safe-area-context@"^3.3.2" from the root project peer react-native-safe-area-context@">= 3.0.0" from @react-navigation/bottom-tabs@6.3.1 node_modules/@react-navigation/bottom-tabs @react-navigation/bottom-tabs@"^6.0.9" from the root project peer react-native-safe-area-context@">= 3.0.0" from @react-navigation/elements@1.3.3 node_modules/@react-navigation/elements @react-navigation/elements@"^1.3.3" from @react-navigation/bottom-tabs@6.3.1 node_modules/@react-navigation/bottom-tabs @react-navigation/bottom-tabs@"^6.0.9" from the root project @react-navigation/elements@"^1.3.3" from @react-navigation/native-stack@6.6.1 node_modules/@react-navigation/native-stack @react-navigation/native-stack@"^6.2.5" from the root project peer react-native-safe-area-context@">= 3.0.0" from @react-navigation/native-stack@6.6.1 node_modules/@react-navigation/native-stack @react-navigation/native-stack@"^6.2.5" from the root project peer react@"*" from react-native-screens@3.13.1 node_modules/react-native-screens react-native-screens@"^3.10.1" from the root project peer react-native-screens@">= 3.0.0" from @react-navigation/bottom-tabs@6.3.1 node_modules/@react-navigation/bottom-tabs @react-navigation/bottom-tabs@"^6.0.9" from the root project peer react-native-screens@">= 3.0.0" from @react-navigation/native-stack@6.6.1 node_modules/@react-navigation/native-stack @react-navigation/native-stack@"^6.2.5" from the root project react-native-screens@"^3.4.0" from react-native-reanimated@2.4.1 node_modules/react-native-reanimated react-native-reanimated@"2.4.1" from the root project peer react-native-reanimated@">=2.0.0" from react-native-redash@16.2.3 node_modules/react-native-redash react-native-redash@"^16.2.3" from the root project peer react@"*" from react-native-svg@12.3.0 node_modules/react-native-svg react-native-svg@"^12.1.1" from the root project peer react-native-svg@"*" from @ui-kitten/components@5.1.2 node_modules/@ui-kitten/components @ui-kitten/components@"^5.1.1" from the root project peer @ui-kitten/components@"5.1.2" from @ui-kitten/eva-icons@5.1.2 node_modules/@ui-kitten/eva-icons @ui-kitten/eva-icons@"^5.1.1" from the root project peer react-native-svg@"*" from @ui-kitten/eva-icons@5.1.2 node_modules/@ui-kitten/eva-icons @ui-kitten/eva-icons@"^5.1.1" from the root project peer react-native-svg@">=6.2.1" from react-native-countdown-circle-timer@2.5.4 node_modules/react-native-countdown-circle-timer react-native-countdown-circle-timer@"^2.5.4" from the root project peer react@"*" from react-native-webview@11.14.4 node_modules/react-native-webview react-native-webview@"11.14.4" from the root project peer react@">=15" from react-router@5.2.1 node_modules/react-router react-router@"5.2.1" from react-router-native@5.2.1 node_modules/react-router-native react-router-native@"^5.2.1" from the root project peer react@">=15" from react-router-native@5.2.1 node_modules/react-router-native react-router-native@"^5.2.1" from the root project peer react@"^16.0.0 || ^17.0.0" from react-shallow-renderer@16.14.1 node_modules/react-shallow-renderer react-shallow-renderer@"^16.13.1" from react-test-renderer@17.0.2 node_modules/react-test-renderer dev react-test-renderer@"17.0.2" from the root project peer react@"17.0.2" from react-test-renderer@17.0.2 node_modules/react-test-renderer dev react-test-renderer@"17.0.2" from the root project ```
Niklas-Liljendahl commented 2 years ago

@nandorojo It seems like it's a few different ones from differents packages.

But if I see it correctly it's only 17.0.2 that's installed purposely.

nandorojo commented 2 years ago

Yeah I see. So your version of npm automatically installs peer deps. if you use the npm legacy peer deps feature it should fix it. or, set a resolution of react to 17.0.2 inside or your package.json.

Plainly, you should only use one version. Using yarn would also solve this.

npm i --legacy-peer-deps

Or, in your root package.json, add a resolution:

{
  "resolutions": { "react": "17.0.2" }
}

If you do this, you need to use yarn (or install an npm tool to do it for you). Make sure you set 17.0.2 to whichever version you actually want to use.

Niklas-Liljendahl commented 2 years ago

Yeah I see. So your version of npm automatically installs peer deps. if you use the npm legacy peer deps feature it should fix it. or, set a resolution of react to 17.0.2 inside or your package.json.

Plainly, you should only use one version. Using yarn would also solve this.

I'll try with using Yarn instead!

But when you say set a resolution of react inside the package.json, do you mean specify the version explicitly or are there any other way of "set a resolution of react to 17.0.2"?

Niklas-Liljendahl commented 2 years ago

Managed to get it to work with: npm i --legacy-peer-deps

Thanks a lot!

Durwinner commented 1 year ago

Keystone requires a higher version of Next.js, specifically version 13.3 or above. If you encounter an error, please make sure to use at least this version. To fix the issue, you can add the following code to your package.json file:

"resolutions": {
  "next": "~13.3.0"
}

By adding this code, you're specifying a resolution to use Next.js version 13.3.0 or a compatible version. This can help resolve the problem you're facing. Make sure to save the package.json file after making this change.