can not render the computer element

[walid885]

here is the computer.jsx file `import React, { Suspense, useEffect, useState } from "react"; import { Canvas } from "@react-three/fiber"; import { OrbitControls, Preload, useGLTF } from "@react-three/drei";

import CanvasLoader from "../Loader";

const Computers = () => {

const Computer = useGLTF ("./desktop_pc/scene.gltf")

return (
  <mesh>
    <hemisphereLight intensity={0.15} groundColor='black'/>

    <pointLight intensity={1} />
    <primitive object={Computer.scene} />
  </mesh>
)

}

const ComputersCanvas = () => { return ( <canvas frameLoop= "demand" shadows camera ={{ position : [20,3,5], fov: 25 }} gl = {{preserveDrawingBuffer : true}}

<Suspense fallback ={}> <OrbitControls enableZoom ={false} maxPolarAngle={Math.PI /2} minPolarAngle={Math.PI /2}

/>

</canvas>

) } export default Computers`

the server is running, but here are the issues here

and I can't figure out what is the issue

[walid885]

Isssue solved , and I think I made a typo somewhere , refering to the file given in this repo, it works fine.