App-in-toss/framework ,granite 버전업시 이슈

안녕하세요, @apps-in-toss/framework를 기존 ^1.1.3 에서 ^1.4.3 으로 업데이트 하려고 하니 @granite-js/native: “0.1.26”과 peer dependency에러가 나서 0.1.30 버전으로 업데이트 했습니다
업데이트후 앱 실행시

BUNDLE  ./index.ts

error: SyntaxError: /Users/backslashdonghun/kosim-appintoss/node_modules/react-native/index.js: Missing semicolon. (340:1)

338 |   },
339 |   // #endregion
340 | } as ReactNativePublicAPI;
|  ^
341 |
342 | if (DEV) {
343 |   /* $FlowFixMe[prop-missing] This is intentional: Flow will error when

해당 에러가 나는데 혹시 최신 패키지에 대한 가이드같은게 있을까요?

package.json 도 첨부합니다


"dependencies": {

    "@apps-in-toss/framework": "^1.4.3",

"@granite-js/native": "0.1.30",

"@granite-js/plugin-router": "0.1.30",

"@granite-js/react-native": "0.1.30",

"@tanstack/react-query": "^5.90.2",

"@toss-design-system/react-native": "^1.2.1",

"@types/axios": "^0.14.4",

"axios": "^1.12.2",

"dayjs": "^1.11.18",

"react": "^19.1.1",

"react-native": "^0.81.4"

  },

"devDependencies": {

"@babel/core": "7.28.4",

"@babel/plugin-proposal-class-properties": "^7.18.6",

"@babel/plugin-proposal-nullish-coalescing-operator": "^7.18.6",

"@babel/plugin-proposal-numeric-separator": "^7.18.6",

"@babel/plugin-proposal-optional-chaining": "^7.21.0",

"@babel/plugin-proposal-private-methods": "^7.18.6",

"@babel/plugin-proposal-private-property-in-object": "^7.21.11",

"@babel/plugin-transform-flow-strip-types": "^7.27.1",

"@babel/preset-env": "^7.28.3",

"@babel/preset-react": "^7.27.1",

"@babel/preset-typescript": "^7.27.1",

"@babel/runtime": "7.28.4",

"@granite-js/plugin-router": "0.1.24",

"@testing-library/react-native": "^13.3.3",

"@types/babel__core": "^7.20.5",

"@types/jest": "^30.0.0",

"@types/node": "^24.5.2",

"@types/react": "19.1.14",

"jest": "^30.1.3",

"react-test-renderer": "19.1.1",

"typescript": "^5.9.2"

  }

안녕하세요 :slight_smile:
@toss-design-system/react-native대신,
@toss/tds-react-native 를 최신 버전으로 내려받아 테스트해주실 수 있을까요 ?

답변 감사합니다
여전히 같은 에러가 나네요 ㅠㅠ
기존 @toss-design-system/react-native는 지워도 되는걸까요?

package.json 다시 첨부합니다

"dependencies": {

    "@apps-in-toss/framework": "^1.4.3",

"@granite-js/native": "0.1.30",

"@granite-js/plugin-router": "0.1.30",

"@granite-js/react-native": "0.1.30",

"@tanstack/react-query": "^5.90.2",

"@toss-design-system/react-native": "^1.2.1",

"@toss/tds-react-native": "^1.3.3",

"@types/axios": "^0.14.4",

"axios": "^1.12.2",

"dayjs": "^1.11.18",

"react": "^19.1.1",

"react-native": "^0.81.4"

  },

"devDependencies": {

"@babel/core": "7.28.4",

"@babel/plugin-proposal-class-properties": "^7.18.6",

"@babel/plugin-proposal-nullish-coalescing-operator": "^7.18.6",

"@babel/plugin-proposal-numeric-separator": "^7.18.6",

"@babel/plugin-proposal-optional-chaining": "^7.21.0",

"@babel/plugin-proposal-private-methods": "^7.18.6",

"@babel/plugin-proposal-private-property-in-object": "^7.21.11",

"@babel/plugin-transform-flow-strip-types": "^7.27.1",

"@babel/preset-env": "^7.28.3",

"@babel/preset-react": "^7.27.1",

"@babel/preset-typescript": "^7.27.1",

"@babel/runtime": "7.28.4",

"@granite-js/plugin-router": "0.1.24",

"@testing-library/react-native": "^13.3.3",

"@types/babel__core": "^7.20.5",

"@types/jest": "^30.0.0",

"@types/node": "^24.5.2",

"@types/react": "19.1.14",

"jest": "^30.1.3",

"react-test-renderer": "19.1.1",

"typescript": "^5.9.2"

  }

@toss-design-system/react-native 이건 지워주세요 !

    "@apps-in-toss/framework": "^1.4.3",
    "@granite-js/native": "0.1.28",
    "@granite-js/react-native": "0.1.22",
    "@toss/tds-react-native": "^1.3.3",
    "react": "18.2.0",
    "react-native": "0.72.6"

요렇게 맞춰주실 수 있을까요 ?

답변 감사합니다
문제 해결되었습니다!