worklets과 reanimated, react-native 상의 dependncy 오류 해결하기

김기수·2026년 3월 14일
post-thumbnail

worklets 와 reanimated,react-native 는 종속 관계이다.

따라서 서로 버전 충돌이 안나게 맞춰주는 것이 중요하다.

image.png

reanimated와 react-native와의 Compatibility table 이다.

코드의 package.json

"dependencies": {
    "@expo/metro-runtime": "~5.0.4",
    "@react-native-seoul/kakao-login": "^5.4.1",
    "@react-navigation/bottom-tabs": "^7.4.7",
    "@react-navigation/native": "^7.1.17",
    "@react-navigation/native-stack": "^7.3.26",
    "axios": "^1.11.0",
    "clsx": "^2.1.1",
    "expo": "~53.0.22",
    "expo-image-picker": "^16.1.4",
    "expo-status-bar": "~2.2.3",
    "nativewind": "^4.1.23",
    "react": "19.0.0",
    "react-dom": "19.0.0",
    "react-native": "0.79.5",
    "react-native-gesture-handler": "2.28.0",
    "react-native-modal": "14.0.0-rc.1",
    "react-native-reanimated": "4.1.0",
    "react-native-safe-area-context": "5.6.1",
    "react-native-screens": "4.15.4",
    "react-native-shadow-2": "7.1.2",
    "react-native-svg": "15.11.2",
    "react-native-web": "^0.20.0",
    "react-native-webview": "^13.16.0",
    "react-native-worklets": "0.5.0",
    "tailwind-merge": "^3.3.1",
    "zustand": "^5.0.8"
  },
  "devDependencies": {

버전을 직접적으로 명시를 해서 빌드 오류를 해결!

profile
엄청난 클라우드 고수

0개의 댓글