How to optimize your 3d react-three-fiber application?

[hammadsatti16]

Hi, I am very new to react-three-fiber and three.js. I have around 2000 images and I am mapping each image as a mesh:

        <mesh {...props} ref={ref} receiveShadow >
          <planeGeometry args={props.clicked ? [3, 3] : [1, 1]} />
          <meshStandardMaterial map={imageTextures} side={THREE.DoubleSide} />
        </mesh>

and loading the image as texture onto the mesh:

`const imageTextures = useLoader(TextureLoader, props.img);`

But my application is now very slow, it take about 30 sec to load and it gets stuck when I do some interaction with the mesh.
Am I doing something wrong or there is something in the library that you have to use to deal with this situation?