I'm integrating the PayPal JavaScript SDK into my React + TypeScript application using the @paypal/react-paypal-js package. My goal is to display the PayPal button with the "PP" logo, as shown in PayPal's documentation: https://developer.paypal.com/sdk/js/reference/#labelExpected result
However, despite various configurations, the button only displays the text "PayPal" without the "PP" logo:Actual result
I tried:
- Setting labels in the button style.
- Adjusting button styles: layout, color, shape, and height.
- Ensuring the container has sufficient width.
<PayPalButtons style={{ color: 'gold', layout: 'horizontal', shape: 'pill', label: 'paypal', tagline: false, height: 40, }} onApprove={onApprove} onError={onErrorFunc} onCancel={onCancelFunc}/>