reactjs - React Braintree not updating promo code in Dropin UI

Question

the code is as below:

useEffect(()=>{

    console.log("this works and returns promocode: ",props.promocode)
    if(braintree_token)
    {
        var button = document.querySelector('#submit-button');

        dropin.create({
            authorization: braintree_token,
            container: '#dropin-container',
            paypal: {
                flow: 'vault'
            },
            card:{
                cardholderName: {
                    required: true
                },
                postal_code: true
            }
        }, 
        function (createErr, instance) {

            console.log("this is not working and return blank :( : ",props.promocode)

            console.log(createErr);
        }
    }
},[]);

In above code, props.promocode is working in useEffect, But not working in braintree function. In initial level first time promo code is blank, but when I apply the promo code, it still blank in braintree function.

Also, When I apply the promo code, It gives me error in console which I have print in braintree.

error: DropinError {name: "DropinError", message: "options.selector or options.container must reference an empty DOM node.", _braintreeWebError: undefined}
message: "options.selector or options.container must reference an empty DOM node."
name: "DropinError"

question from:https://stackoverflow.com/questions/66057488/react-braintree-not-updating-promo-code-in-dropin-ui

Answer 1

Waitting for answers