How to load my 3d object not come from public folder?

[Lawrenxz]

would like to know if there's a way that I can load my 3d object (.glb) that will be uploaded to my AWS server then I will going to get the endpoint. I tried but there was an error saying "THREE.WebGLRenderer: Context Lost"

The file path of this is the public folder

<Suspense fallback={<div style={{color: 'white' }} className="center">loading}>
<div style={{height: '100vh' }}>
<Canvas style={{background: '#000000' }} pixelRatio={[1, 2]} camera={{ position: [-2, 2, 2], fov: 40,}}>
<directionalLight position={[-5, 10, 5]} intensity={1.5} />

<spotLight intensity={0.5} angle={0.1} penumbra={1} position={[10, 15, 10]} castShadow />
<Model url="/character.glb" position-y={0.2} scale={[0.5, 0.5, 0.5]} />

[srcnalt]

Hi @lawrenceOJT you can directly use S3 URLs given you have correct cors and privacy settings applied to your S3 Bucket in AWS.
THREE.WebGLRenderer: Context Lost is a warning and does not cause any issue that I know of.

[danburonline]

What do you define as an "AWS server"? Are you uploading it to block storage like S3 or are you running your application in an EC2 instance and storing the data in EFS? Or is it just part of your repo and not in the public folder of the React project?

If you could give more information then maybe I could help you 😄✌️