React drei useprogress is giving 67% when we load the glb files as blob

In react application, I am using following snippet to load the glb files:

const loadAndGetArtifactUrl = async(artifactName: string) => {
        let data = await localWindow?.electron.userDetails("3d_artifacts", [artifactName])
        const blob = new Blob([data], { type: 'application/octet-stream'  });
        const url = URL.createObjectURL(blob);
        loader.load(
            url,
            (gltf) => {
                console.log("mounted")
                URL.revokeObjectURL(url)
            },
            undefined,
            (error) => {
                console.log(error)
            }
          );
        // URL.revokeObjectURL(url)
        return url
    }

And from the child component I am verifying the progress of the glb model loading

const { progress, item, loaded, total, errors, active } = useProgress();

Last value for the progress is 67.2, it is not going beyond that. Not sure how to debug this

I am not really a React user but can you check the console for any errors or even wrap your loader.load with try ... catch?