D결제위젯 표시가 안되는 문제
🇼결제위젯
안녕하세요.
간헐적으로 첨부된 이미지 처럼 tossPayments.widgets is not a function 에러가 뜨면서 위젯 표시가 안되는 현상이 있습니다. Next.js 15.5.7 버전을 사용하고 있습니다. 새로고침하면 위젯이 뜹니다.
아래 useffect 회원결제 부분 const widgets = tossPayments.widgets({customerKey,}); 이부분에서 오류가 있습니다.
사용중인 sdk 버전:
"@tosspayments/payment-widget-sdk": "^0.12.0",
"@tosspayments/tosspayments-sdk": "^2.5.0",
useEffect(() => {
async function fetchPaymentWidgets() {
try {
const customerKey = nanoid()
const tossPayments = await loadTossPayments(clientKey);
// 회원 결제
// @docs https://docs.tosspayments.com/sdk/v2/js#tosspaymentswidgets
const widgets = tossPayments.widgets({
customerKey,
});
// 비회원 결제
// const widgets = tossPayments.widgets({ customerKey: ANONYMOUS });
setWidgets(widgets);
} catch (error) {
console.error("Error fetching payment widget:", error);
}
}
fetchPaymentWidgets();
}, [clientKey]);
간헐적으로 첨부된 이미지 처럼 tossPayments.widgets is not a function 에러가 뜨면서 위젯 표시가 안되는 현상이 있습니다. Next.js 15.5.7 버전을 사용하고 있습니다. 새로고침하면 위젯이 뜹니다.
아래 useffect 회원결제 부분 const widgets = tossPayments.widgets({customerKey,}); 이부분에서 오류가 있습니다.
사용중인 sdk 버전:
"@tosspayments/payment-widget-sdk": "^0.12.0",
"@tosspayments/tosspayments-sdk": "^2.5.0",
useEffect(() => {
async function fetchPaymentWidgets() {
try {
const customerKey = nanoid()
const tossPayments = await loadTossPayments(clientKey);
// 회원 결제
// @docs https://docs.tosspayments.com/sdk/v2/js#tosspaymentswidgets
const widgets = tossPayments.widgets({
customerKey,
});
// 비회원 결제
// const widgets = tossPayments.widgets({ customerKey: ANONYMOUS });
setWidgets(widgets);
} catch (error) {
console.error("Error fetching payment widget:", error);
}
}
fetchPaymentWidgets();
}, [clientKey]);
