TDS v2 마이그레이션 deploymentId is not a constant handler 오류

개발
,
1

안녕하세요.

이전에 슬랙에서도 문의드렸었는데,
TDS v2.x 마이그레이션 이후 지속 에러가 발생하여 다시 문의 드립니다.

기존 react-route ssr 환경이 문제일 수도 있을 것 같아,
csr 환경으로 전환 이후에도 동일 문제가 발생합니다.

우선 서버 실행 후 iOS 시뮬레이터로 접속 시 에러 메시지는 아래와 같습니다.

yarn run v1.22.19
$ bedrock dev

██████╗ ███████╗██████╗ ██████╗  ██████╗  ██████╗██╗  ██╗
██╔══██╗██╔════╝██╔══██╗██╔══██╗██╔═══██╗██╔════╝██║ ██╔╝
██████╔╝█████╗  ██║  ██║██████╔╝██║   ██║██║     █████╔╝
██╔══██╗██╔══╝  ██║  ██║██╔══██╗██║   ██║██║     ██╔═██╗
██████╔╝███████╗██████╔╝██║  ██║╚██████╔╝╚██████╗██║  ██╗
╚═════╝ ╚══════╝╚═════╝ ╚═╝  ╚═╝ ╚═════╝  ╚═════╝╚═╝  ╚═╝

                   Welcome to Bedrock

Listening on http://0.0.0.0:8081
$ /minda-front-apps-in-toss/node_modules/.bin/react-router dev
  ➜  Local:   http://localhost:5173/
  ➜  Network: use --host to expose
  ➜  press h + enter to show help
 RN   LOG  Running "shared" with {"rootTag":61,"initialProps":{"loadingStartTs":1757206317121,"networkStatus":"WIFI","schemeUri":"intoss://minda","initialFontSize":"Large","initialColorPreference":"light","isVisible":true}}
 RN   DEBUG  [Analytics] {
  "log_type": "screen",
  "log_name": "/::screen",
  "params": {
    "referrer": null,
    "deployment_id": "local",
    "deployment_timestamp": null
  }
}
 RN   WARN  (ADVICE) View #107 of type RCTView has a shadow set but cannot calculate shadow efficiently. Consider setting a background color to fix this, or apply the shadow to a more specific component.
 RN   WARN  (ADVICE) View #105 of type RCTView has a shadow set but cannot calculate shadow efficiently. Consider setting a background color to fix this, or apply the shadow to a more specific component.
 RN   WARN  (ADVICE) View #103 of type RCTView has a shadow set but cannot calculate shadow efficiently. Consider setting a background color to fix this, or apply the shadow to a more specific component.
 RN   LOG  [eventLogDebug] {"log_name": "/::screen", "log_type": "screen", "params": {"deployment_id": "local", "deployment_timestamp": "NaN", "referrer": "null", "search": ""}}
Please gsap.registerPlugin(CustomEase)
Please gsap.registerPlugin(CustomEase)
Error: deploymentId is not a constant handler
    at ir.getConstant (file:///minda-front-apps-in-toss/node_modules/@toss-design-system/mobile-ait/dist/esm/index.js:1:563)
    at file:///minda-front-apps-in-toss/node_modules/@toss-design-system/mobile-ait/dist/esm/index.js:1:1368
    at F (file:///minda-front-apps-in-toss/node_modules/@toss-design-system/mobile-ait/dist/esm/index.js:1:3565)
    at Eg (file:///minda-front-apps-in-toss/node_modules/@toss-design-system/mobile-ait/dist/esm/index.js:21:183)
    at renderWithHooks (/minda-front-apps-in-toss/node_modules/react-dom/cjs/react-dom-server.node.development.js:5724:16)
    at renderIndeterminateComponent (/minda-front-apps-in-toss/node_modules/react-dom/cjs/react-dom-server.node.development.js:5798:15)
    at renderElement (/minda-front-apps-in-toss/node_modules/react-dom/cjs/react-dom-server.node.development.js:6023:7)
    at renderNodeDestructiveImpl (/minda-front-apps-in-toss/node_modules/react-dom/cjs/react-dom-server.node.development.js:6181:11)
    at renderNodeDestructive (/minda-front-apps-in-toss/node_modules/react-dom/cjs/react-dom-server.node.development.js:6153:14)
    at renderContextProvider (/minda-front-apps-in-toss/node_modules/react-dom/cjs/react-dom-server.node.development.js:5997:3)
    at renderElement (/minda-front-apps-in-toss/node_modules/react-dom/cjs/react-dom-server.node.development.js:6094:11)
    at renderNodeDestructiveImpl (/minda-front-apps-in-toss/node_modules/react-dom/cjs/react-dom-server.node.development.js:6181:11)
    at renderNodeDestructive (/minda-front-apps-in-toss/node_modules/react-dom/cjs/react-dom-server.node.development.js:6153:14)
    at renderIndeterminateComponent (/minda-front-apps-in-toss/node_modules/react-dom/cjs/react-dom-server.node.development.js:5852:7)
    at renderElement (/minda-front-apps-in-toss/node_modules/react-dom/cjs/react-dom-server.node.development.js:6023:7)
    at renderNodeDestructiveImpl (/minda-front-apps-in-toss/node_modules/react-dom/cjs/react-dom-server.node.development.js:6181:11)
Error: deploymentId is not a constant handler
    at ir.getConstant (file:///minda-front-apps-in-toss/node_modules/@toss-design-system/mobile-ait/dist/esm/index.js:1:563)
    at file:///minda-front-apps-in-toss/node_modules/@toss-design-system/mobile-ait/dist/esm/index.js:1:1368
    at F (file:///minda-front-apps-in-toss/node_modules/@toss-design-system/mobile-ait/dist/esm/index.js:1:3565)
    at Eg (file:///minda-front-apps-in-toss/node_modules/@toss-design-system/mobile-ait/dist/esm/index.js:21:183)
    at renderWithHooks (/minda-front-apps-in-toss/node_modules/react-dom/cjs/react-dom-server.node.development.js:5724:16)
    at renderIndeterminateComponent (/minda-front-apps-in-toss/node_modules/react-dom/cjs/react-dom-server.node.development.js:5798:15)
    at renderElement (/minda-front-apps-in-toss/node_modules/react-dom/cjs/react-dom-server.node.development.js:6023:7)
    at renderNodeDestructiveImpl (/minda-front-apps-in-toss/node_modules/react-dom/cjs/react-dom-server.node.development.js:6181:11)
    at renderNodeDestructive (/minda-front-apps-in-toss/node_modules/react-dom/cjs/react-dom-server.node.development.js:6153:14)
    at renderContextProvider (/minda-front-apps-in-toss/node_modules/react-dom/cjs/react-dom-server.node.development.js:5997:3)
    at renderElement (/minda-front-apps-in-toss/node_modules/react-dom/cjs/react-dom-server.node.development.js:6094:11)
    at renderNodeDestructiveImpl (/minda-front-apps-in-toss/node_modules/react-dom/cjs/react-dom-server.node.development.js:6181:11)
    at renderNodeDestructive (/minda-front-apps-in-toss/node_modules/react-dom/cjs/react-dom-server.node.development.js:6153:14)
    at renderIndeterminateComponent (/minda-front-apps-in-toss/node_modules/react-dom/cjs/react-dom-server.node.development.js:5852:7)
    at renderElement (/minda-front-apps-in-toss/node_modules/react-dom/cjs/react-dom-server.node.development.js:6023:7)
    at renderNodeDestructiveImpl (/minda-front-apps-in-toss/node_modules/react-dom/cjs/react-dom-server.node.development.js:6181:11)

개발 환경 및 이력은 아래와 같습니다.

  • 개발 환경
    • WebView 기반
      • react 18 + react-router v7 / vite + CSR 방식
  • 이슈 이력
    • react 18 / react-router v7 기반 프로젝트에 가이드대로 환경 구성
    • 내부 처리 이슈로 SSR 방식으로 개발 진행
    • TDS v1.x 에서 iOS 시뮬레이터 위주로 이상없이 개발 진행
    • TDS v2.x 마이그레이션 이후 위 해당 이슈 발생 및 TDS v1.x 원복
    • SSR → CSR 방식으로 프로젝트 전환
    • 정상 동작 확인 이후 다시 TDS v2.x 마이그레이션
    • 동일 이슈 발생

이상입니다.

해당 이슈에 대한 가이드 부탁드리며,
추가적으로 TDS v1.x 로 진행 하여도 앱 출시 등에 문제는 없을지 문의드립니다.

감사합니다.

2

안녕하세요 :slight_smile:
방금 전 테스트시 이슈 없이 프로젝트 생성 / 실행 / 빌드 되었는데 혹시 새 프로젝트를 생성하셔도 동일한 이슈 발생하시나요 ?
[테스트 환경]

  • @apps-in-toss/web-framework 0.0.40
  • @toss-design-system/mobile: 2.1.0
  • @toss-design-system/mobile-ait: 2.1.0
  • react, react-dom : 18.3.1
3

React-router v7 framework mode 로 생성한 프로젝트에서는 ssr 설정을 다 제외해도 문제가 생기는 것 같습니다.

Data mode 로 프로젝트 새로 세팅해서 하니 문제 없이 잘 되는 것 확인하였습니다.

감사합니다.

4

@minsoo-web 확인 부탁드립니다.