How can I re-initialize the tour? #803
-
I am filtering the steps in a useEffect. If I turn on debug it seems that joyride initializes with the initial list of steps, but is not updated once the steps are filtered. This is messing up the placement of the first step, essentially showing the 1st filtered step with the placement of the original 1st step. Once the tour finishes and is relaunched, it re-initializes and looks fine. Is there some way I can programmatically force this re-initialization? Additional details: I've mapped 'disableBeacon: true' throughout the steps to run with no beacon using a 'run' state flag, and I'm calling the helper function reset(true) on ACTIONS.CLOSE in the callback to set the tour back to step 0 on the next run. |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment
-
I added a key to the tour component and incremented it to force the component to re-initialize. |
Beta Was this translation helpful? Give feedback.
I added a key to the tour component and incremented it to force the component to re-initialize.