[BUG]: PaymentElement onChange triggers only once and doesn't provide country data

[marko1010]

What happened?

I want to extract the country field value from the PaymentElement on every change.

<PaymentElement onChange={(e) => console.log(e)} />

When I select a country from the dropdown the onChange fires and the console logs:

{
    "elementType": "payment",
    "collapsed": false,
    "empty": true,
    "complete": false,
    "value": {
        "type": "card"
    }
}

The value object doesn't contain information about the country. How can I obtain that information?

Additionally, on subsequent country changes the onChange event doesn't get fired anymore.

Environment

Chrome 130.0.6723.117 on Windows 11

Reproduction

No response

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.