when i am trying to show a cubic map. i am getting error webgl not supported with status code 1281 in browser though examples on official website works fine for me.

[narendra65014]

import React, { useState } from "react";
import ReactPannellum, { getConfig } from "react-pannellum";
import Button from "../ui/Button";
const Panorama = () => {
const [config, setConfig] = useState({
autoRotate: -2,
autoLoad: true,
// defaultHfov: 120,
// maxHfov: 120,
// minHfov: 120,
showControls: false,
});
const handleClick = () => {
console.log(getConfig());
};
return (

<ReactPannellum
id="panorama"
sceneId="scene"
// imageSource="/office.jpg"
config={config}
type="cubemap"
cubeMap={[
"/left.jpg",
"/left.jpg",
"/left.jpg",
"/left.jpg",
"/left.jpg",
"/left.jpg",
]}
style={{
width: "500px",
height: "400px",
}}
/>
<Button onClick={handleClick} leftIcon={👋}>
Click Me

);
};

export default Panorama;

the above is code i am using and all the six images i am providing are same. and they exist in my public directory. i am using vite+react with javascript no swc is used.

[hoaiduyit]

Hi @narendra65014 , I'm working on the migration to react v19 and using typescript, I think that will solve your issue with new version. Will be finished by the end of the week.