Support for adding React components in NavBar or marker plugin element or just as an overlay on Image

[KKS1]

Hi team,

I am trying to use a React component with this library, as need a React based menu either overlayed be displayed as part of navbar tooling, where can have different aspects such as update room lighting etc; but not able to figure out how do I render a react component in either Markers plugin 'html' or 'element' prop; or simply in 'description' of the viewer.
I created a sandbox, where so far have reached a place where can use renderToString from React to do this. But that does not make the component interactive, thus clicks etc don't work on underlying react component.
https://codesandbox.io/p/devbox/react-photo-spere-viewer-nextjs-kks1-55mhks

Any suggestions on the same? And thank you so much!

[KKS1]

the sandbox codebase to show a menu on top of the image, via relative/ absolute position of content outside the photo viewer. Please let me know if that is the right way to proceed on this, thanks!