Update data - Advanced features - Mercado Pago Developers
What are you looking for?

Do not know how to start integrating? 

Check the first steps

Update data

To update data in Payment Brick, we provide the update method through the Controller. When called, the update method will update the provided data while preserving the current instance of the Brick.

Data available for updating:

FieldTypeDescriptionValidation
amountnumberPayment amount.

Updating the amount doesn't affect payments via Mercado Pago Wallet as their values are set in the backend.
Before updating the amount, the Brick checks if the new value is greater than or equal to the minimum value allowed by the payment method selected by the user. If the validation is successful, the update method will return true. Otherwise, it will return false.
          
let amount = 95;
paymentBrickController.update({ amount });

        
          
import Payment, { usePaymentBrick } from '@mercadopago/sdk-react';

const App = () => {
  const { update } = usePaymentBrick();

  const customization = {
    paymentMethods: {
      creditCard: 'all',
      debitCard: 'all',
    },
  };

  return (
    <>
      <button type="button" onClick={() => update({ amount: 95 })}>
        Update amount
      </button>

      <Payment
        initialization={{ amount: 100 }}
        customization={customization}
        onSubmit={async (param) => {
          console.log(param);
        }}
      />
    </>
  );
};

export default App;