[SOLVED] PayPal JavaScript SDK: Unable to Display "PP" Logo on Checkout Button

PayPal JavaScript SDK: Unable to Display "PP" Logo on Checkout Button

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/#label Expected 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}
/>

Solution

That documentation is very much out of date. The PP monogram shown there is an old version of the PayPal checkout button, from an old version of the SDK.

Current SDK will not display a PP monogram, and there is no way to do so with it.