import { loadPaymentWidget } from @tosspayments/payment-widget-sdk

useEffect(() => {
        (async () => {
            // 추후 비로그인 추가시 customerKey 대신 PaymentWidget.ANONYMOUS 사용
            const paymentWidget = await loadPaymentWidget(clientKey, customerKey);

            if (paymentWidget) {
                const paymentMethodsWidget = paymentWidget.renderPaymentMethods(
                    Selector.PAYMENT_WIDGET,
                    { value: price },
                );
                paymentWidget.renderAgreement(Selector.AGREEMENT);
                paymentWidgetRef.current = paymentWidget;
                paymentMethodsWidgetRef.current = paymentMethodsWidget;
            }
        })();
    // eslint-disable-next-line react-hooks/exhaustive-deps
    }, []);

import { loadPaymentWidget } from @tosspayments/payment-widget-sdk

useEffect(() => {
        (async () => {
            // 추후 비로그인 추가시 customerKey 대신 PaymentWidget.ANONYMOUS 사용
            const paymentWidget = await loadPaymentWidget(clientKey, customerKey);

            if (paymentWidget) {
                const paymentMethodsWidget = paymentWidget.renderPaymentMethods(
                    Selector.PAYMENT_WIDGET,
                    { value: price },
                );
                paymentWidget.renderAgreement(Selector.AGREEMENT);
                paymentWidgetRef.current = paymentWidget;
                paymentMethodsWidgetRef.current = paymentMethodsWidget;
            }
        })();
    // eslint-disable-next-line react-hooks/exhaustive-deps
    }, []);