THREE.WebGLRenderer: Context Lost.

[Emmydapson]

immediately i rendered the backdrop into the cameraRig in the index.jsx file, my screen went blank and i get this errror, tried fixing it but still the same;
below is how my index.js file looks like

import { Canvas } from '@react-three/fiber'
import { Environment, Center } from '@react-three/drei';

import Shirt from './Shirt';
import Backdrop from './Backdrop';
import CameraRig from './CameraRig';

const CanvasModel = () => {
return (
<Canvas
shadows
camera={{ position: [0, 0, 0], fov: 25 }}
gl={{ preserveDrawingBuffer: true }}
className="w-full max-w-full h-full transition-all ease-in"
>

  <CameraRig>
    <Backdrop />
    <Center>
      <Shirt />
    </Center>
  </CameraRig>
</Canvas>

)
}

export default CanvasModel

[Emmydapson]

this errors

[dinobronx]

@Emmydapson, I saw this error. The issue is in Shirt.jsx, change map-anisotropy to mapAnisotropy.

[Emmydapson]

Thanks ilori Emmanuel

…

On Sat, Nov 18, 2023, 11:41 PM Dianne ***@***.***> wrote: @Emmydapson <https://github.com/Emmydapson>, I saw this error. The issue is in Shirt.jsx, change map-anisotropy to mapAnisotropy. — Reply to this email directly, view it on GitHub <#53 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/A6RCA6J4RY6FTFFI3GFJMZDYFE2S3AVCNFSM6AAAAAA63ALSY2VHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMYTQMJXGY3DONRVGQ> . You are receiving this because you were mentioned.Message ID: ***@***.***>

[Emmydapson]

@dinobronx thanks alot..it worked

[saarimshaikh]

Can anyone guide me through this solution? I'm also getting the same error. I'm a beginner

[Emmydapson]

Most of the projects naming system and structures have been updated, this was my error map-anisotropy to mapAnisotropy and also in when calling ur server in the client side, use post request and not get, while im the server side, u have to go to openai docs to look at the updated way to use thier api

On Fri, Dec 1, 2023, 1:20 PM Saarim Shaikh ***@***.***> wrote: Can anyone guide me through this solution? I'm also getting the same error. I'm a beginner — Reply to this email directly, view it on GitHub <#53 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/A6RCA6ITOZXSDDZAFJCGTKDYHHDQPAVCNFSM6AAAAAA63ALSY2VHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMYTQMZWGAZDSOBUHA> . You are receiving this because you were mentioned.Message ID: ***@***.***>

ilori Emmanuel

[Emmydapson]

The error map-anisotropy to mapAnisotropy is in the shirt.jsx file ilori Emmanuel

…

On Fri, Dec 1, 2023, 1:20 PM Saarim Shaikh ***@***.***> wrote: Can anyone guide me through this solution? I'm also getting the same error. I'm a beginner — Reply to this email directly, view it on GitHub <#53 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/A6RCA6ITOZXSDDZAFJCGTKDYHHDQPAVCNFSM6AAAAAA63ALSY2VHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMYTQMZWGAZDSOBUHA> . You are receiving this because you were mentioned.Message ID: ***@***.***>

[saarimshaikh]

I'm still getting the same, I've tried all the methods.
If possible can you share your updated codes in reference of this error here?
it would be helpful.

[Emmydapson]

Just go to my repo and check 3d model react project repo... you will see my codes there ilori Emmanuel

…

On Fri, Dec 8, 2023, 12:59 PM Saarim Shaikh ***@***.***> wrote: I'm still getting the same, I've tried all the methods. If possible can you share your updated codes in reference of this error here? it would be helpful. — Reply to this email directly, view it on GitHub <#53 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/A6RCA6MJJOPEE5LPCEN6AJTYIL6K3AVCNFSM6AAAAAA63ALSY2VHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMYTQNBXGA2TKMZSHE> . You are receiving this because you were mentioned.Message ID: ***@***.***>