Not working with React Functional Component for me

[MohitAsswani]

Here is my code

import Joyride from 'react-joyride';
...
...
return(
<>

....
.......
Add More
</>
)

I also added debug as a prop and it is showing me all the data like props, steps and everything but no error. and also in the DOM it is rendered as ->

[gilbarbara]

Hey @MohitAsswani

Your example doesn't show Joyride usage.
Try to follow the Basic example from the demo

[MohitAsswani]

It is visible when I edit the same. Let me try to put it in this comment. Please let mw know if it is visible to you now.
Here you go:
import Joyride from 'react-joyride';
...
...
return(
<>

....
.......
Add More
</>
)

I also added debug as a prop and it is showing me all the data like props, steps and everything but no error. and also in the DOM it is rendered as ->

[MohitAsswani]

Otherwise Please try this link - https://docs.google.com/document/d/15iymnbypARqx9g-TrKxDSW1WGUsSA8Kl9XdEI3AmyZQ/edit?usp=sharing

[gilbarbara]

hey @MohitAsswani
You need to use triple backticks to insert code in GitHub. Take a look at the docs.

Anyway, it's impossible to know what is happening with your app without running it.
Try to create a minimal reproducible example at codesandbox.

[MohitAsswani]

Thanks @gilbarbara for your help. actually it was not working with conditional rendering for me but I somehow figured it out. Thanks again, for your help.