D

Toss payments 개발자 커뮤니티•10mo ago•

12 replies

dexterkim

갑작스러운 React Native 결제 위젯 렌더링 오류

안녕하세요, @tosspayments/widget-sdk-react-native 으로 브랜드페이/일반결제 두 개를 리액트네이티브 위젯으로 프로덕션 환경에서 구축을 했으며 몇개월간 문제 없이 사용자들이 결제를 했습니다. 업데이트를 한 바가 없는데, 어제부터인가 갑작스럽게 사용자들이 해당 위젯이 렌더링이 일부가 되지 않고, 결제 버튼 클릭이 안된다는 오류를 제보하기 시작했습니다. 이에 저도 재연을 해봤는데 다음과 같이 재연이 되고 오류가 발생됩니다. 리액트 네이티브 위젯 쪽에 새로운 업데이트로 인한 버그일까요?

[첨부 자료]
1번 사진: 브랜드페이(간편결제)/일반결제 위젯 렌더링이 잘 됩니다
2, 3번 사진 간헐적으로(꽤나 많이) 해당 화면 진입시 렌더링 될 때, 간편결제가 표시되고 일반결제는 표시가 안되며, 하단에 긴 공백이 생깁니다.
4번 사진: 해당 부분으로 렌더링이 뭐가 리액트네이티브 클라 위젯단에서 잘 안되었는지, 다음과 같이 결제 버튼을 누를 때, sentry에서 확인할 수 있듯,

paymentMethodWidgetControl

paymentMethodWidgetControl

이 간헐적으로 initiated가 되지 않는것을 확인할 수 있습니다. 해당 코드의 경우 그저 도큐먼트에 나온대로


import {
AgreementWidget,
AgreementWidgetControl,
PaymentMethodWidget,
PaymentMethodWidgetControl,
usePaymentWidget,
} from "@tosspayments/widget-sdk-react-native"

const paymentWidgetControl = usePaymentWidget()`

를 통해서 initialize 하고 있습니다.


몇개월간 수천명 유저들 결제에 오류가 한번도 없다가 앱 업데이트를 하지 않았는데, 갑작스럽게 여러 명한테서 해당 이슈가 발생해서 현재 서비스 결제 장애로 해결이 시급합니다.

혹시 해당 버그가 위젯단 문제인지 확인해주시면 감사하겠습니다.