React Installation

npm i amwal-checkout-button-react

import { AmwalCheckoutButton } from 'amwal-checkout-button-react'
import React, { useEffect, useRef, useState } from 'react';

const ReactPage= () => {
    const amwalRef = useRef<any>();
    const [shippment, setShippment] = useState<any>([{ "id": "1", "label": "Free shipping", "price": 0 }]);
    ...
    <AmwalCheckoutButton merchantId="sandbox-amwal-4e876d00-a50e-482c-a6e1-a1a9df400ce5" amount="20" countryCode="SA"
    locale="ar" darkMode="auto"
    addressRequired={true}
    emailRequired={false}
    shippingMethods={shippment}
    addressHandshake
    onAmwalAddressUpdate={(event) => {
        setShippment([{ "id": "1", "label": "Free shipping", "price": 0 }])
        setTimeout(() => {
        amwalRef.current.dispatchEvent(new Event('amwalAddressAck'))
        }, 1000)

    }}/>
    ...
}