restart tour

Hi man, i was wondering if theirs a clean way to restart the tour when the user finish all the steps? In our case, we have a button that the user can always come back to the tour and as you know it’s start from the step that the user quit and thats fine but, when he got to the final step and he finish or quit, if want to run the tour again, he start from the final step and that’s kind of radicals so, what we want is after the last step, restart the tour to the first step.

I used the startAt params and it’s working but i got a warning from react (###

forceUpdate(…): Cannot update during an existing state transition (such as within render…

) and i kind a think that’s a nasty solution.

my code:

resetTour = () => {
       let {tourStore} = this.props;
       return tourStore.currentStep === this.steps.length ? 0 : undefined
};

<Tour startAt={this.resetTour()}

[elrumordelaluz]

Hi @jovstern I can’t reproduce the React warning. Setting startAt={0} doesn’t work for you?

Here is my example where every time the user exit the Tour, restart from the first step (keep in mind that is Array like the startAt number, so 0 is the first one.

[jovstern]

You got it right, the reason i work with the Mobx state and not the internal state of the widget it’s because i need that some widget in my global app will know about the current state. Everything work fine but i just don’t like the way i “restart the app”, maybe after it will be in production (2-3 weeks) i’ll send you a link and we can discuss more.