흰화면 나와서 sentry 설치 가이드 받았는데도 토스인앱 버그 인정

이 글의 성격은 무엇인가요?

질문 / 문제 해결

내용을 설명해주세요

흰화면이나와서 sentry 를 설치하고 확인하라고 가이드를 받았습니다.
그래도 sentry 에서 아무것도 안나오길래.
토스에 문의를 드렸더니 토스인앱 시스템에 문제가 있었다고 답변을 받았습니다.
그리고 다시 검수를 요청하라고 해서 검수 요청을 드렸더니 반려가 된상태입니다.
이부분 확인부탁드리겠습니다.

안녕하세요 :slight_smile:
appName 공유해주실 수 있을까요 ?

poomang 입니다.

혹시 granite.config.ts 도 공유주실 수 있을까요 ?
web-framework 와 tds 버전을 최신 버전으로 올려주셨을까요 ?

npm install @apps-in-toss/web-framework@latest
npm install @toss/tds-mobile @toss/tds-mobile-ait @emotion/react@^11 react@^18 react-dom@^18
pacakge.json{

“name”: “platform-poomang”,

“version”: “0.1.0”,

“private”: true,

“scripts”: {

“dev”: “next dev”,

“dev:app”: “granite dev”,

“build”: “npm run build:prisma && next build && prisma generate && granite build”,

“build:app”: “granite build && npm run sentry:sourcemaps”,

“build:prisma”: “prisma generate”,

“start”: “next start”,

“lint”: “next lint”,

“deploy”: “ait deploy”,

“sentry:sourcemaps”: “sentry-cli sourcemaps inject --org poomang --project content-provider .next && sentry-cli sourcemaps upload --org poomang --project content-provider .next”

},

“dependencies”: {

“@apps-in-tossapps-in-tossapps-in-tossapps-in-toss/web-framewo@aws-sdkk”: @aws-sdk^1.7.1”,

“@aws-sdk/client-d@aws-sdknamo@aws-sdkb”: “^3.350.0”,

“@aws-sdk/si@aws-snatu@aws-sdke-v4-crt”: “^3.357.0”,

“@aws-s@bluehorse-corpk/u@bluehorse-corpil-dy@bluehorse-corptilsamodb”: “^3.350@bluehorbluehorse-corp0”,

“@bluehorse-corp/aws-@bl@bluehorse-corpeho@bluehorse-corpse-corptils”: “^0.0.0”,

“@bluehor@blueho@bluehse-corpe-corp/core-utils”: “^0.@emotion.0”@bluehors@bluehorse-c-corp

“@bluehorse-corp/fig@bluehor@bluehe-corpa-utils”: “^0.0.6”,

“@blueh@emotionrse-corp/google@emotionutils”:@emotion“^0.0.0”,

“@b@euehorse-c@granite-jsrp/layout”: “^1.1.2”@granite-js

“@blueh@hello-pangearse-corp/n@react-springtio@hello-pangea-util@hookform”: “^0.0.0”,@hookform

“@emotion/r@mdx-jsact”: “^@sentry1.1@mdx-js.1”,

“@e@mdx-jsotion/styled”: “^11@mdx-js1@next.0”,

“@granit@toss-js/p@prismaugin-sentry”: @tossrisma^0.1.34”@react-spring

@r@hello-pangea/dn@sentry”: “^16.2.0”,

“@@sentryookform@sentryresolvers”: “^3.1@typesentry1”@sentry

“@mdx-js/@sentryoader”: “^2@styled-syst@styled-systemm3.0”,

“@mdx-js/react”: “^2.3.0”,

@toss@toss@next/mdx”: “^13.4.7”@toss

“@@tossrisma/client”: “^4.15@types0”,

“@r@typesact-s@typesring/web”: “^@types.@types.2”,

“@sentry/bro@ty@typesesser”: “^10.33.0”,

“@@typesentry/cli”: “^2.58.4”,

“@sentry/nextjs”: “^7.56.0”,

“@styled-system/should-forward-prop”: “^5.1.5”,

“@toss/tds-mobile”: “^2.2.1”,

“@toss/tds-mobile-ait”: “^2.2.1”,

“@types/mdx”: “^2.0.5”,

“@types/node”: “20.2.5”,

“@types/react”: “18.2.9”,

“@types/react-dom”: “18.2.4”,

“async”: “^3.2.4”,

“aws-cr@tailwindcss.4”: “^1.15.18”,

“cookie”: @tailwindcss^0.5.0”,

“date-fns”: “^2.30.0”,

“dotenv”: “^16.1.4”,

“encoding”: “^0.1.13”,

“e@typeslint”: “8.42.0”,

“eslint-config-next”: “13.4.4”,

“f@types5.1.5amer-motion”: “^10.12@types.316”,

“github-markdown-css”: “^5.2.0”,

“lodash”: “^4.17.21”,

“nanoid”: “@tailwindcss4.0.2”,

“next”: “13.@tailwi@tailwindcssdcss.4”,

“pluralize”: “^8@types0.0”,@tailwindcss

“re@typesct”: “18.2.0”,

“reac@typestypes-dom”: “18.2.0”,

@types“rea@typest-hook-form”: “@types7.44.@types”,

“react-icon@types”: “^4@types9.0”,

“styled-system”: “@types5.1.5”,

“typescript”: “5.@types.3”,

“underscore”: “^1.13.6”,

“yup”: “^1.2.0”

},

“devDependencies”: {

“@tailwindcss/aspect-ratio”: “^0.4.2”,

“@tailwindcss/typography”: “^0.5.9”,

“@types/async”: “^3.2.20”,

“@types/color”: “^3.0.3”,

“@types/cookie”: “^0.5.1”,

“@types/lodash”: “^4.14.195”,

“@types/pluralize”: “^0.0.29”,

“@types/underscore”: “^1.11.5”,

“autoprefixer”: “^10.4.14”,

“daisyui”: “^3.1.0”,

“postcss”: “^8.4.24”,

“prisma”: “^4.15.0”,

“tailwindcss”: “^3.3.2”,

“tsx”: “^3.12.7”

}

}

granite.config.tsexport default defineConfig({

appName: ‘poomang’,

brand: {

displayName: ‘심리테스트 푸망’, // 화면에 노출될 앱의 한글 이름으로 바꿔주세요.

primaryColor: ‘#3182F6’, // 화면에 노출될 앱의 기본 색상으로 바꿔주세요.

icon: ‘https://static.toss.im/appsintoss/291/0d875d5e-e1a4-4adb-8d2f-55b38b625d5c.png’, // 화면에 노출될 앱의 아이콘 이미지 주소로 바꿔주세요.

},

web: {

host: ‘platform.poomang.com’,

// host: getLocalIP(),

port: 3000,

commands: {

dev: ‘next dev’,

build: ‘npm run build:prisma && next build’,

},

},

permissions: ,

outdir: ‘.next/server/app’,

webViewProps: {

type: ‘partner’,

},

});

입니다. 확인부탁드리겠습니다.

토스팀 대답좀해주세요.

현재 web-framework 1.7.1, TDS 2.2.0 를 사용하고 계신 것으로 보입니다.
각각 1.9.1, 2.2.1 로 올려주실 수 있을까요 ?

{
  "name": "platform-poomang",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "dev": "next dev",
    "dev:app": "granite dev",
    "build": "npm run build:prisma && next build && prisma generate",
    "build:app": "BUILD_TARGET=app granite build",
    "build:prisma": "prisma generate",
    "start": "next start -H 0.0.0.0 -p 3000",
    "lint": "next lint",
    "deploy": "ait deploy",
    "sentry:sourcemaps": "sentry-cli sourcemaps inject --org poomang --project content-provider .next && sentry-cli sourcemaps upload --org poomang --project content-provider .next"
  },
  "dependencies": {
    "@apps-in-toss/web-framework": "^1.9.1",
    "@toss/tds-mobile": "^2.2.1",
    "@toss/tds-mobile-ait": "^2.2.1",
    "@aws-sdk/client-dynamodb": "^3.350.0",
    "@aws-sdk/signature-v4-crt": "^3.357.0",
    "@aws-sdk/util-dynamodb": "^3.350.0",
    "@bluehorse-corp/aws-utils": "^0.0.0",
    "@bluehorse-corp/core-utils": "^0.0.0",
    "@bluehorse-corp/figma-utils": "^0.0.6",
    "@bluehorse-corp/google-utils": "^0.0.0",
    "@bluehorse-corp/layout": "^1.1.2",
    "@bluehorse-corp/notion-utils": "^0.0.0",
    "@emotion/react": "^11.11.1",
    "@emotion/styled": "^11.11.0",
    "@granite-js/plugin-sentry": "^0.1.34",
    "@hello-pangea/dnd": "^16.2.0",
    "@hookform/resolvers": "^3.1.1",
    "@mdx-js/loader": "^2.3.0",
    "@mdx-js/react": "^2.3.0",
    "@next/mdx": "^13.4.7",
    "@prisma/client": "^4.15.0",
    "@react-spring/web": "^9.7.2",
    "@sentry/browser": "^10.33.0",
    "@sentry/cli": "^2.58.4",
    "@sentry/nextjs": "^7.120.4",
    "@styled-system/should-forward-prop": "^5.1.5",
    "@types/mdx": "^2.0.5",
    "@types/node": "20.2.5",
    "@types/react": "18.2.9",
    "@types/react-dom": "18.2.4",
    "async": "^3.2.4",
    "aws-crt": "^1.15.18",
    "cookie": "^0.5.0",
    "date-fns": "^2.30.0",
    "dotenv": "^16.1.4",
    "encoding": "^0.1.13",
    "eslint": "8.42.0",
    "eslint-config-next": "13.4.4",
    "framer-motion": "^10.12.16",
    "github-markdown-css": "^5.2.0",
    "lodash": "^4.17.21",
    "nanoid": "^4.0.2",
    "next": "13.4.4",
    "pluralize": "^8.0.0",
    "react": "18.2.0",
    "react-dom": "18.2.0",
    "react-hook-form": "^7.44.3",
    "react-icons": "^4.9.0",
    "styled-system": "^5.1.5",
    "typescript": "5.1.3",
    "underscore": "^1.13.6",
    "yup": "^1.2.0"
  },
  "devDependencies": {
    "@tailwindcss/aspect-ratio": "^0.4.2",
    "@tailwindcss/typography": "^0.5.9",
    "@types/async": "^3.2.20",
    "@types/color": "^3.0.3",
    "@types/cookie": "^0.5.1",
    "@types/lodash": "^4.14.195",
    "@types/pluralize": "^0.0.29",
    "@types/underscore": "^1.11.5",
    "autoprefixer": "^10.4.14",
    "daisyui": "^3.1.0",
    "postcss": "^8.4.24",
    "prisma": "^4.15.0",
    "tailwindcss": "^3.3.2",
    "tsx": "^3.12.7"
  }
}

패키지 공유드립니다
최신버전으로 업데이트했으며 AccessDenined 으로 하얀화면이 나오고 있는 상황입니다.
확인부탁드리겠습니다.
답변좀 빨리 달아주세요~

테스트 스킴 접근시 AccessDenined 재현되어 확인해보겠습니다 :cry:

언제 답변주실수있나요?

@eastroad87 현상은 확인되었으나, 이슈 원인을 파악하는데 시간이 걸리고 있습니다 :cry:
힘드시겠지만 조금만 더 기다려주시면 감사하겠습니다 :man_bowing:

언제까지 대기해야할까요? 확인부탁드립니다.