Navigation with Joyride

[ijdershem-jf]

I'm hoping to implement Joyride in my app but I'm having some difficulty figuring out how to handle step iteration after a navigation. Does anyone know of a good approach to waiting for navigation before incrementing the tour step?

[gilbarbara]

hey @ijdershem-jf

You'll need to use the controlled mode.
Please refer to the demo source code or this tutorial #666

[ijdershem-jf]

Great, thank you! I was able to use the controlled mode in combination with a setTimeOut() call to delay step iteration & tooltip rendering until navigation/component mount was complete.

[gilbarbara]

setTimeout is very, very fragile and will probably break for users with slow connections

[ijdershem-jf]

Do you have a good suggestion for checking that a target has mounted? Within a functional component that is

[gilbarbara]

componentDidMount ou a useEffect without dependencies.