I am not able to use react-joyride with the shadcn sheet component.

I have the following component, and it has alert dialog inside and async task.
I want the alert dialog to close only after async task has been done, or what is the best practice behaviour?
the alert dialog is triggered from a table from which you need to decline/accepet something (and then router.refresh() for triggering new fetch data for the table)