Tooltip not Working When Exporting Map HTML [Bug]

[margootje123]

Describe the bug
I am running the Kepler GL Demo Locally. I have saved the HTML and then opened from my own folder. When opening the HTML locally, the tooltip function does not work. Not when I click on data on the map, and also not when I hover over the data on the map.

To Reproduce
Steps to reproduce the behavior:

1. Go to Share, Export Map, HTML, Allow users to edit map, and Export
2. Click on downloaded HTML in download folder
3. Hover over datapoints on map
4. Nothing happens

Expected behavior
I expect the tooltip to pop up when hovering over the datapoints on the map.

Desktop:

• Browser Chrome and Edge tried both
• Version 3.0.0

[AndriusGeo]

I just want to confirm that I also reproduce this error (windows 11, Chrome). Tooltips not working when map is exported as HTML.

I found a workaround and probably the cause of the problem. In HTML you can try to change kepler.gl version to older one (I tried 2.5.5) and for me tooltips started working:

Of course, this is by no means a workaround, but it does confirm (as far as I understand) that the bug is present in version 3.0.0. Maybe this will help in further investigating the error.

[margootje123]

@AndriusGeo Thanks so much! Changing the version indeed resolved the issue for me as well. Seems to be a bug then with the latest version, fingers crossed this gets updated some time soon.

[dafnikaravola]

Hey, I'm facing the same issue with @margootje123 (tried both Chrome & Opera), but the issue does not resolve with @AndriusGeo trick. Any other ideas?

[liuwo23]

I found the issue is due to React version

Hey, I'm facing the same issue with @margootje123 (tried both Chrome & Opera), but the issue does not resolve with @AndriusGeo trick. Any other ideas?

This bug is caused by the inconsistency between the React version used in the project and the React version in the HTML template. I can fix it. Can someone review and approve the code?