Square payment - CreatePaymentAsync vs CreatePayment

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?

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.