Square payment - CreatePaymentAsync vs CreatePayment

Questions
1

We use GoDaddy to host our website to talk with Square thru the API.
What is the advantage of using the CreatePaymentAsync vs using the CreatePayment.
I used to use the CreatePaymentAsync but this seems harder to debug since i have to
use the async task and do a .WaitAll

I have changed to use the CreatePayment and this seems easier. Am i missing something?

2

Hi All,
I’ve created my component with below details:

import React from "react";
import {
    SquarePaymentsForm,
    CreditCardInput
} from "react-square-web-payments-sdk";

const PaymentFormSdk = () => {
    return (
        <div>
        <SquarePaymentsForm applicationId="sandbox-************" locationId="*************">
            <CreditCardInput/>
        </SquarePaymentsForm>
            <div>hello</div>
            </div>
    );
};

and calling this component on button click like below:

 {
this.state.Isshowpayment == true ?
<div><PaymentFormSdk/></div>
 : null
}

once click on the button it’s showing the error Invalid hook call. Please guide me, it is very urgent for me.

Any help regarding the same will be highly appreciable. Thanks in advance.

3

Async call vs. synchronized call will not make great impact as regarding on Square as of my experience but ‘you’ should be able to understand what makes differences on ‘async’ vs. ‘sync,’ and how to call properly. This is programmer’s basic understanding of coding not for asking Square.