V1.0.3 리액트 호환

1.0.3으로 업데이트하려 라이브러리를 업데이트 하려했는데

리액트 18과 19버전을 지원하는거 같더라고요

저희 앱은 4~5년 된 앱이라 리액트 17을 사용중인데 그럼 정식 버전은 사용을 못하게 되는것일까요?

에러로그 첨부합니다.

npm error Could not resolve dependency:
npm error peer @tanstack/react-query@“>= 4.0.0” from @lukemorales/query-key-factory@1.3.4
npm error node_modules/@lukemorales/query-key-factory
npm error   @lukemorales/query-key-factory@“^1.3.4” from the root project
npm error
npm error Conflicting peer dependency: react@19.1.1
npm error node_modules/react
npm error   peer react@“^18 || ^19” from @tanstack/react-query@5.87.4
npm error   node_modules/@tanstack/react-query
npm error     peer @tanstack/react-query@“>= 4.0.0” from @lukemorales/query-key-factory@1.3.4
npm error     node_modules/@lukemorales/query-key-factory
npm error       @lukemorales/query-key-factory@“^1.3.4” from the root project

안녕하세요! :slight_smile:
17 버전도 호환이 가능합니다. 테스트한 package.json 공유드려요.

  "dependencies": {
    "@apps-in-toss/web-framework": "^1.0.3",
    "@emotion/react": "^11.14.0",
    "@toss-design-system/mobile": "^2.1.0",
    "@toss-design-system/mobile-ait": "^2.1.0",
    "react": "^17.0.2",
    "react-dom": "^17.0.2",
    "regenerate-unicode-properties": "^10.2.2"
  },

yarn latest로 설치가 안돼서 npm으로 설치했더니 나는 이슈였던거 같습니다.

현재는 업데이트 해서 진행중에 있는데 새로운 이슈라서 새로 문의드립니다.

Possible Unhandled Promise Rejection (id: 0):
TypeError: undefined is not a function
TypeError: undefined is not a function
    at invokeAppBridgeMethod (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=viva.republica.toss.test&modulesOnly=false&runModule=true:140:451184)
    at anonymous (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=viva.republica.toss.test&modulesOnly=false&runModule=true:140:376705)
    at commitHookEffectListMount (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=viva.republica.toss.test&modulesOnly=false&runModule=true:103:409148)
    at commitPassiveMountOnFiber (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=viva.republica.toss.test&modulesOnly=false&runModule=true:103:434716)
    at commitPassiveMountEffects_complete (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=viva.republica.toss.test&modulesOnly=false&runModule=true:103:434130)
    at commitPassiveMountEffects_begin (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=viva.republica.toss.test&modulesOnly=false&runModule=true:103:433840)
    at commitPassiveMountEffects (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=viva.republica.toss.test&modulesOnly=false&runModule=true:103:433463)
    at flushPassiveEffectsImpl (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=viva.republica.toss.test&modulesOnly=false&runModule=true:103:466624)
    at flushPassiveEffects (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=viva.republica.toss.test&modulesOnly=false&runModule=true:103:465592)
    at performSyncWorkOnRoot (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=viva.republica.toss.test&modulesOnly=false&runModule=true:103:451067)
    at flushSyncCallbacks (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=viva.republica.toss.test&modulesOnly=false&runModule=true:103:193295)
    at flushSyncCallbacksOnlyInLegacyMode (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=viva.republica.toss.test&modulesOnly=false&runModule=true:103:192975)
    at scheduleUpdateOnFiber (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=viva.republica.toss.test&modulesOnly=false&runModule=true:103:443181)
    at dispatchSetState (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=viva.republica.toss.test&modulesOnly=false&runModule=true:103:300540)
    at ?anon_0_ (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=viva.republica.toss.test&modulesOnly=false&runModule=true:135:286029)
    at next (native)
    at asyncGeneratorStep (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=viva.republica.toss.test&modulesOnly=false&runModule=true:33:26335)
    at _next (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=viva.republica.toss.test&modulesOnly=false&runModule=true:33:26667)
    at tryCallOne (/root/react-native/packages/react-native/ReactAndroid/hermes-engine/.cxx/MinSizeRel/a32195v3/arm64-v8a/lib/InternalBytecode/InternalBytecode.js:53:16)
    at anonymous (/root/react-native/packages/react-native/ReactAndroid/hermes-engine/.cxx/MinSizeRel/a32195v3/arm64-v8a/lib/InternalBytecode/InternalBytecode.js:139:27)
    at apply (native)
    at anonymous (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=viva.republica.toss.test&modulesOnly=false&runModule=true:47:36689)
    at _callTimer (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=viva.republica.toss.test&modulesOnly=false&runModule=true:47:34683)
    at _callReactNativeMicrotasksPass (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=viva.republica.toss.test&modulesOnly=false&runModule=true:47:35383)
    at callReactNativeMicrotasks (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=viva.republica.toss.test&modulesOnly=false&runModule=true:47:39575)
    at __callReactNativeMicrotasks (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=viva.republica.toss.test&modulesOnly=false&runModule=true:33:72159)
    at anonymous (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=viva.republica.toss.test&modulesOnly=false&runModule=true:33:67344)
    at __guard (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=viva.republica.toss.test&modulesOnly=false&runModule=true:33:71723)
    at flushedQueue (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=viva.republica.toss.test&modulesOnly=false&runModule=true:33:67298)

샌드박스 실행시 해당 오류가 나고있습니다. 웹에서 확인했을때는 오류가 없는것으로보아 react native 쪽에서 나는 오류로 보여 확인부탁드립니다.

TypeError: undefined is not a function

This error is located at:
    in BuiltinNavigationBar (created by AppsInTossScreenContainer)
    in LoggingScreenOnMount (created by LoggingScreen)
    in LoggingScreen (created by AppsInTossScreenContainer)
    in AppsInTossScreenContainer (created by Component)
    in Component (created by SceneView)
    in StaticContainer
    in EnsureSingleNavigator (created by SceneView)
    in SceneView (created by SceneView)
    in RCTView (created by View)
    in View (created by DebugContainer)
    in DebugContainer (created by MaybeNestedStack)
    in MaybeNestedStack (created by SceneView)
    in RNSScreen
    in Unknown (created by InnerScreen)
    in Suspender (created by Freeze)
    in Suspense (created by Freeze)
    in Freeze (created by DelayedFreeze)

위는 에러 경로 로그입니다.

마이그레이션은 진행하신걸까요 ?
샌드박스도 최신버전으로 설치부탁드려요

앗 죄송합니다

여기에서 계속 다운로드 받았는데 여기는 업데이트가 안되어있었네요

죄송해요. 이전 버전에 계속 접근이 가능하네요.
아래 링크에서 다운로드 부탁드려요.

1개의 좋아요

넵 해결했습니다. 감사합니다.