Await the Promise of the Setter Function?

[rwieruch]

I just noticed that the setter functions return a promise, but I never await them. What's the best practice (or reasoning) here when dealing with the Promise?

[franky47]

I did a demo of this in my Next.js conf talk, where I wrap the state updater function into a startTransition(async () => await setState(...)) to show a pending state while the update is queued, which is useful for debounce (when the actual update gets delayed):

https://youtu.be/qpczQVJMG1Y?si=JPFVH4Ih8CaSuC7N&t=998

[franky47]

The awaited URLSearchParams value that is returned may change in the future when we introduce runtime validation, so we can get a better idea of why the state updater function failed.

Although it's likely that validation will need to be synchronous, and so those errors would have to be caught with a try/catch instead.

[rwieruch]

Thanks for the quick turnaround and support @franky47 🚀 I'll check out your talk! 👍🏽