How to detect finish button click on callback ONCE

[Krugerro]

I would like to send to backend info that user took a tour to prevent showing it next time refreshes. I use callback prop. The problem is it is fired every change and I am no luck in guessing which combination will be a situation after user clicks Last Next button ONCE only.

Now I have below code and this condition is met twice:

const handleJoyrideCallback = async ({
    status,
    index,
  }: CallBackProps): Promise<void> => {
    if (status === "finished" && index === steps.length - 1) { //send to backend }

[gilbarbara]

There's a subscription system in v3.0.0 that can handle this easily.

Full migration guide: https://react-joyride.com/docs/migration
What's new: https://react-joyride.com/docs/new-in-v3

Thanks