G

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

23 replies

grimcomm

결제위젯 연동 라이브 키 오류

결제위젯 사용중에 아래와 같은 오류가 발생했습니다.

결제위젯 연동 키의 클라이언트 키로 SDK를 연동해주세요. API 개별 연동 키는 지원하지 않습니다

테스트키로 진행시에는 문제가 없었는데
라이브키를 적용하니 오류 발생 합니다.
설정상에 문제가 있는걸까요?


const clientKey = process.env.REACT_APP_TOSS_CLIENT_KEY_LIVE;

const Checkout = ({ product, selectedOption, reservationName, contactNumber, email, startDate, endDate, pid, setCurrentPage }) => {
const [amount, setAmount] = useState({ currency: "KRW", value: selectedOption.price });
const [ready, setReady] = useState(false);
const [widgets, setWidgets] = useState(null);

useEffect(() => {
async function fetchPaymentWidgets() {
const tossPayments = await loadTossPayments(clientKey);
const widgets = tossPayments.widgets({ customerKey: email || "anonymous_customer" }); // Use email as customerKey
setWidgets(widgets);
}

fetchPaymentWidgets();
}, []);