갑작스러운 React Native 결제 위젯 렌더링 오류
안녕하세요, @tosspayments/widget-sdk-react-native 으로 브랜드페이/일반결제 두 개를 리액트네이티브 위젯으로 프로덕션 환경에서 구축을 했으며 몇개월간 문제 없이 사용자들이 결제를 했습니다. 업데이트를 한 바가 없는데, 어제부터인가 갑작스럽게 사용자들이 해당 위젯이 렌더링이 일부가 되지 않고, 결제 버튼 클릭이 안된다는 오류를 제보하기 시작했습니다. 이에 저도 재연을 해봤는데 다음과 같이 재연이 되고 오류가 발생됩니다. 리액트 네이티브 위젯 쪽에 새로운 업데이트로 인한 버그일까요?
[첨부 자료]
1번 사진: 브랜드페이(간편결제)/일반결제 위젯 렌더링이 잘 됩니다
2, 3번 사진 간헐적으로(꽤나 많이) 해당 화면 진입시 렌더링 될 때, 간편결제가 표시되고 일반결제는 표시가 안되며, 하단에 긴 공백이 생깁니다.
4번 사진: 해당 부분으로 렌더링이 뭐가 리액트네이티브 클라 위젯단에서 잘 안되었는지, 다음과 같이 결제 버튼을 누를 때, sentry에서 확인할 수 있듯,
paymentMethodWidgetControl
이 간헐적으로 initiated가 되지 않는것을 확인할 수 있습니다. 해당 코드의 경우 그저 도큐먼트에 나온대로
import {
AgreementWidget,
AgreementWidgetControl,
PaymentMethodWidget,
PaymentMethodWidgetControl,
usePaymentWidget,
} from "@tosspayments/widget-sdk-react-native"
const paymentWidgetControl = usePaymentWidget()`
를 통해서 initialize 하고 있습니다.
몇개월간 수천명 유저들 결제에 오류가 한번도 없다가 앱 업데이트를 하지 않았는데, 갑작스럽게 여러 명한테서 해당 이슈가 발생해서 현재 서비스 결제 장애로 해결이 시급합니다.
혹시 해당 버그가 위젯단 문제인지 확인해주시면 감사하겠습니다.



10 Replies
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) :
- 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요.
* 주말/공휴일에는 답변이 늦을 수 있어요.
재현 영상 보내드립니다. 간편결제/일반결제가 같이 잘 렌더링되다가, 대부분의 경우 일반결제 위젯이 갑작스럽게 사라지며 위젯이 잘 렌더링 되지 않는 것을 확인할 수 있습니다. 이 버그가 발생할 경우, const paymentWidgetControl = usePaymentWidget()` 의 paymentWidgetControl 이 null입니다.
뒤로가기 해서 다시 진입 하시는것 같은데,
뒤로가기 수행 될때 혹시 위젯 destroy 를 수행 해보실 수 있을까요?
안녕하세요 @유부장 저희는 https://github.com/tosspayments/tosspayments-sample-v1/blob/main/payment-widget/react-native/App.tsx react native v1 SDK를 사용하고 있고, 해당 example대로 도입을 했는데요,
혹시 위젯 destroy는 어떻게 하는걸까요? 공식문서에 해당 부분에 대한 설명이 없어서요.
GitHub
tosspayments-sample-v1/payment-widget/react-native/App.tsx at main ...
토스페이먼츠 SDK v1 샘플 프로젝트입니다. . Contribute to tosspayments/tosspayments-sample-v1 development by creating an account on GitHub.
안녕하세요. mid가 어떻게되시죠/
일반결제: apappsgf8c
브랜드페이: cp_a4dlkJ0ka9
입니다
저도 지금 오류 재현이 안되고, 에러가 발생하던 저희 고객들도 해당 에러가 1일전 발생 문의가 오다 해당 고객들한테 여쭤보니 지금 재현이 안된다고 하네요. 일시적인 오류였을까요? 공지 사항에 오류와 해결에 대한 부분이 없어서요.
확인 해보고 말씀드리겠습니다!
어제 RN 웹뷰 쪽에 이슈가 있어서, 오늘 긴급 패치가 있었던 것으로 확인되었습니다. 서비스 운영에 불편을 드려죄송합니다.
네 그래도 빠르게 해결되서 다행이네요, 감사합니다!
해당 긴급 패치가 있는 경우 공지사항 같은 곳이나 웹사이트에서 어디서 이를 확인할 방법은 없나요?
아직은 없는데요 검토해보겠습니다
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.