Adding notes to order in checkout ui extension

[dev_dnShop]

Hi,
I have been working on a task that basically is to when an order is submitted then add some notes to orders based on the logic in the extension.
I have read the docs and found that there is a hook named 

useApplyNoteChange()
can we use this to add notes from checkout using the checkout ui extension? I have tried using it but it didn't add the notes with order. below is the snippet I am using to achieve this.

if (our logic) {
setNotes({
type: "updateNote",
value:`there comes the note`,
});
}

Any help in this regard would be highly appreciated.
Thanks.

[dev_dnShop]

anybody ??

[dev_dnShop · Accepted solution]

if (our logic) {
setNotes({
type: "updateNote",
note:`there comes the note`,
});
}

This was resolved by setting the value to note in the object passed. A slight overlook on my side.

[analyst]

Please explain how to pass datepicker value to note in the object passed?

[dev_dnShop]

You can sync the date picker's current value to this object via some state or variable so that whenever the date picker value changes the note object always gets the updated value of the date picker.

[analyst]

Can we pass the datepicker value as additional note ?

https://prnt.sc/Pt7raZYJnV7F

[dev_dnShop]

@analyst not sure about additional notes. I passed the dynamic data as note-only using 

useApplyNoteChange() hook provided.

[analyst]

Do you know how to pass date value as note_attribute ?

[imabhijithak]

hey do you might please share the whole code , as I'm

also kind of doing same task and stuck , it would ne really helpful thanks

[sowndharya]

stuck with same useApplyNoteChange(). 

useApplyNoteChange() hook will work under "purchase.checkout.delivery-address.render-after" target. I am placing this below code directly under the React function. But it is not working. Anyone Please help on this.

useApplyNoteChange({
    type: "updateNote",
    note: "shipping note",
    });

[owarway]

Hi,

for useApplyNoteChange to work you want to use the returned function and not pass arguments to the hook directly:

const applyNoteChange = useApplyNoteChange();
applyNoteChange({type: 'updateNote', note: 'some amazing note info'})

[sowndharya]

Hi Got it. Thanks