InvalidAccessError: Must create a new ApplePaySession from a user gesture handler.

I'm trying to integrate braintree apple pay to the web in vue js. But the problem is when the I click on apple pay btn then it showing -> InvalidAccessError: Must create a new ApplePaySession from a user gesture handler. after a second click session has started but no apple pay sheet presented. I have followed -> https://developer.paypal.com/braintree/docs/guides/apple-pay/configuration/javascript/v3?_ga=2.137986680.992882509.1638427269-906177723.1638255968