How to invoke a function on tour done?

[vegeta123254]

I am using reactour, v2 .
I have placed TourProvider at App level.
And at each component , I have used setSteps to set the steps.
Is there a way to invoke a function after the last step is done at each component? (This is basically to make a HTTP request )
I am showing the tours as soon as the components is loaded.

The beforeClose method on TourProvider won't work as I have several instances of react tour.
The action method on steps won't work as it is triggered as soon as the step is encountered.

[elrumordelaluz]

Hi @vegeta123254, could you make a minimal reproduction of your use case in a codesandbox, in order to play around and look for a solution that fits? thanks!

[vegeta123254]

@elrumordelaluz , Please find the sandbox,
I need to invoke a function when the tour is completed to make an html request.
Thank you in advance.

[elrumordelaluz]

Here is an example making a fetch call in two different contexts: one called before set steps and opent the Tour, using the same useEffect hook you used to; the other is inside the content Component, as soon as is mounted.

Please let me know if this is what you are looking for.