joyride | simple Chrome extension that maps button presses | Keyboard library

I am trying to use react-joyride for a small tour. Everything works fine up to now, but if implementing a custom tooltip as described in the documentation, it fails with TypeError: Invalid parameter: element must be an HTMLElement

I tried it with the most basic approach, because many elements in the example are undefined classes. It was supposed to just show up something, so I can play with the style and the props. I also tried to use other node tags or try to use the complete codesample and define the used classes with dummies. I also looked up some other demos/samples in the net, but to no avail.

Anyone has an idea, what joyride requests or what I have to use?

The code I use is:

I am fetching data from the server and trying to parse it in recycler view using coroutines.Though data has been fetched successfully but I am unable to parse particular key from my nested json.

Here is JSON response:

Here's the package.json file:

For some reason I am unable to build my project. Yesterday everything worked fine, looking at https://firebase.google.com/support/release-notes/android#update_-_april_02_2019 there is a critical update from 5/11/21.

I tried to change the minSdkVersion as suggested but still no resolution.

This is the error:

When I try to parse the JSON, I get an error that says

"Expected to decode Array but found a dictionary instead."

I know there are many questions of this type on the platform, but none helped me. I tried changing up JSON to have just an array, but that made the JSON itself invalid, so I reverted the changes. Any help much apreciated!

Here is the JSON:

How can I change where the pop-up of the Joyride appears? I have this column in my website, and at this moment the text its appearing above, but I want to change it to appear in the left and centralized. What can I do?

enter image description here

My code:

return ( locale={ { back: t('lblTutorialBack'), close:t('lblTutorialClose'), last: t('lblTutorialLast'), next: t('lblTutorialNext'), skip: t('lblTutorialSkip'), } } styles={{ buttonNext: { background: '#812990' }, options: { primaryColor: '#812990', } }} { ...props } />)

I have implemented ngx-joyride for the demo purpose of my website.

But it is not showing anything when clicking on the button (joyride is button).

I am attaching the screenshot of my angular 9 browser console and webpage so that you can get better idea.

Please help me to resolve the issue. Thanks in advance.

Im having issues with closing the tour. Clicking on the "Skip tour" leads to the next step... Why? Why it doesnt close the tooltip?

Sample:

My team is using react-joyride for a feature tour in our react application. Essentially, react-joyride overlays a

I'm writing an integration test for this feature tour using @testing-library/cypress. Using cy.get(), I can select DOM elements under the joyride