My model does not load in ios and low RAM devices

[hmejbri]

Im having a problem with loading the model in most of the devices inluding iphones, My model is .gltf and is 6.45mb after compression.

It is loaded using this code :

import React, { useEffect } from "react";
import { useGLTF } from "@react-three/drei";
import { DRACOLoader } from "three/examples/jsm/loaders/DRACOLoader";

const Model = () => {
  const { scene } = useGLTF("/models/model.gltf", true, true, (loader) => {
    // Draco loader setup
    loader.setDRACOLoader(new DRACOLoader().setDecoderPath("/models/"));
  });

  useEffect(() => {
    if (scene) {
      scene.scale.set(0.1, 0.1, 0.1); // Example: scaling down the model
      scene.position.set(-0.2, -0.2, -0.2);
    }
  }, [scene]);

  return scene ? <primitive object={scene} /> : null;
};

export default Model;