Having issues importing @react-navigation/native into Expo Snack

Expo Development Tools
1

I am getting an error when trying to import @react-navigation/native into my Expo Snack. Is there a compatibility issue? I have attached a screenshot of what I am getting. The way I am placing my import in app.js is:

import { NavigationContainer } from '@react-navigation/native';

Thank you in advance for any help.

image
image1929×283 32.8 KB

2

I had a similar problem with @react-navigation/native which was solved by updating the dependencies list as follows:

  "dependencies": {
    "@expo/vector-icons": "^13.0.0",
    "react-native-paper": "^4.7.2",
    "react-native-screens": "~3.20.0",
    "react-native-tab-view": "^3.0.0",
    "@react-navigation/stack": "6.2.1",
    "react-native-pager-view": "6.1.2",
    "react-native-reanimated": "~2.14.4",
    "@react-navigation/drawer": "6.4.1",
    "@react-navigation/native": "6.0.10",
    "@react-navigation/elements": "1.3.3",
    "react-native-gesture-handler": "~2.9.0",
    "@react-navigation/bottom-tabs": "6.3.1",
    "@react-navigation/native-stack": "6.6.1",
    "react-native-safe-area-context": "4.5.0",
    "@react-native-community/masked-view": "*",
    "@react-navigation/material-top-tabs": "6.2.1",
    "@react-navigation/material-bottom-tabs": "6.2.1"
  }