Joyride Context and Wrapper in App.tsx

[shima0210]

I have created this Joyride Context and Wrapper and used those in my app.tsx. I set "run: true" in StartTour function, but Joyride has not been stated. Am I missing something? I am a new user of react and joyride.

Here is my sample code

And in App.tsx

[gilbarbara]

Hey @shima0210
Are you changing the run state to true?
Also, based on the code in your callback, I don't think you need to use stepIndex.
Setting it means you must handle the index manually, which can be tricky.

[s]

[shima0210]

Yeah, I am setting run state to true in StartTour function in App.tsx. I can remove StepIndex also. But it is not working if my App.tsx like that. I moved all the logic to JoyrideWrapper and called the wrapper in App.tsx and it is working now.

Is it possible that App.tsx will have have all the conditions and call JoyrideWrapper

[gilbarbara]

Cool. You don't need a wrapper (or provider) to run Joyride.
But if your app already has too much logic, it's better to componentize.

Good luck