panorama | photo panorama converter | Learning library

I'm trying to cycle through over panoramic images set as a-sky, using the forward and back buttons. But I'm struggling with the js logic. Any help is appreciated. The below example uses 3 images in the array, but in practice it'll have hundreds.

I am trying to convert an equirectangular panorama image to cubemap format using NEXT JS. The scene get rendered but the background doesn't apply. And I get no errors!

I'm struggling to find out how to use Markers in my Next JS app.

I have got a basic panorama going with this code...

I'm trying to load a HTML file when clicked on the and it doesn't work with the traditional HTML methods.(using href) Please see the code below.

There is a model

I am trying to send a 'hello world' message to an AWS IoT endpoint. The Amazon documentation at

I am trying to put a Google Streetview Panorama instance inside of a tab inside of an offcanvas element using Bootstrap 5.

If the default tab is the tab that contains the Streetview everything works fine as is demonstrated here:
https://codepen.io/taylormhicks90-the-bold/pen/OJxxqQN

If I use a different tab as the default tab the Streetview is initially black and doesn't work unless you make it fullscreen first as is demonstrated here:
https://codepen.io/taylormhicks90-the-bold/pen/Yzrrgro

While I have a workaround of using the streetview tab as the default tab this in not the desired functionality. I have spent a few hours digging through googles docs and trying different workarounds. Just hopping someone can help explain why this is happening and what I can do to get it functioning properly or at least point me in the right direction.

I even tried this where I load the streetview while the streetview tab is the default tab and then change the tab to the pictures tab after the streetview has loaded, but it doesn't work.
https://codepen.io/taylormhicks90-the-bold/pen/RwLLdeP

html:

below is my javascript code which i use for combining 64 images to generate a panorama image. but when i load it first time it gives me broken image however at seconds or third time it gives me right image. In Below combine function do all image combine process, combinedArray contains all urls of images.

I would like to warp one fisheye image: Left:

Into this target image:

The target image is actually a part of the synthetic panorama:

I know a method called mesh warping, like:

But how am I able to find or define a irregular mesh like this? Very grateful if someone can give me some suggestions. I would like to have this mesh, so that I can use this mesh for every frame of a video and warp every frame into this target image.