I can't use Icons and Toast #2384

jeancarlos-cpu · 2024-03-04T22:33:09Z

jeancarlos-cpu
Mar 4, 2024

Hello! I get the following error when importing an icon from @tamagui/lucide-icons or trying to use @tamagui/toast:

I get this warning when I start running. But even downgrading react-native-svg to version 14.1.0, I get the same error.

The following packages should be updated for best compatibility with the installed expo version:
  [email protected] - expected version: 14.1.0
Your project may not work correctly until you install the correct versions of the packages.

Here is my package.json:

{
  "name": "app",
  "version": "1.0.0",
  "scripts": {
    "android": "expo start --android",
    "format": "bun run eslint \"**/*.{js,jsx,ts,tsx}\" --fix && prettier \"**/*.{js,jsx,ts,tsx,json}\" --write",
    "ios": "expo start --ios",
    "start": "expo start",
    "web": "expo start --web"
  },
  "dependencies": {
    "@expo/vector-icons": "^14.0.0",
    "@hookform/resolvers": "^3.3.4",
    "@react-navigation/native": "^6.1.7",
    "@tamagui/font-inter": "1.74.8",
    "@tamagui/lucide-icons": "^1.74.8",
    "@tamagui/react-native-media-driver": "1.74.8",
    "@tamagui/shorthands": "1.74.8",
    "@tamagui/themes": "1.74.8",
    "@tamagui/toast": "^1.74.8",
    "axios": "^1.6.7",
    "burnt": "^0.12.2",
    "date-fns": "^3.3.1",
    "expo": "~50.0.5",
    "expo-constants": "~15.4.5",
    "expo-font": "~11.10.2",
    "expo-linking": "~6.2.2",
    "expo-router": "^3.4.6",
    "expo-secure-store": "^12.8.1",
    "expo-status-bar": "~1.11.1",
    "expo-system-ui": "~2.9.3",
    "expo-web-browser": "~12.8.2",
    "husky": "^9.0.11",
    "i18next": "^23.10.0",
    "jotai": "^2.7.0",
    "react": "18.2.0",
    "react-dom": "18.2.0",
    "react-hook-form": "^7.51.0",
    "react-native": "0.73.4",
    "react-native-gesture-handler": "~2.14.0",
    "react-native-reanimated": "~3.6.2",
    "react-native-root-toast": "^3.5.1",
    "react-native-safe-area-context": "^4.8.2",
    "react-native-screens": "~3.29.0",
    "react-native-svg": "^15.0.0",
    "react-native-web": "~0.19.6",
    "tamagui": "1.74.8",
    "zod": "^3.22.4",
    "zod-i18n-map": "^2.27.0"
  },
  "devDependencies": {
    "@babel/core": "^7.20.0",
    "@tamagui/babel-plugin": "1.74.8",
    "@types/react": "~18.2.14",
    "@typescript-eslint/eslint-plugin": "^6.7.2",
    "@typescript-eslint/parser": "^6.7.2",
    "ajv": "^8.12.0",
    "eslint": "^8.50.0",
    "eslint-config-universe": "^12.0.0",
    "git-commit-msg-linter": "^5.0.6",
    "prettier": "^3.0.3",
    "typescript": "^5.1.3"
  },
  "eslintConfig": {
    "extends": "universe/native"
  },
  "resolutions": {
    "expo-modules-core": "~1.11.0"
  },
  "overrides": {
    "expo-modules-core": "~1.11.0"
  },
  "expo": {
    "install": {
      "exclude": [
        "react-native-safe-area-context"
      ]
    }
  },
  "private": true,
  "husky": {
    "hooks": {
      "pre-commit": "lint-staged"
    }
  },
  "lint-staged": {
    "*.ts": [
      "eslint --fix"
    ],
    "*.tsx": [
      "eslint --fix"
    ]
  }
}