Error: Model not initialized

[vlohar08]

System Info

"@huggingface/transformers": "^3.2.4", "next": "15.1.3", "onnxruntime-web": "1.21.0-dev.20241205-d27fecd3d3", "react": "^19.0.0", "react-dom": "^19.0.0", "sharp": "^0.33.5"

OS: Windows 11 Node: v20.17.0 Browser: Version 131.0.6778.205

Environment/Platform

• [X] Website/web-app
• [ ] Browser extension
• [ ] Server-side (e.g., Node.js, Deno, Bun)
• [ ] Desktop app (e.g., Electron)
• [ ] Other (e.g., VSCode extension)

Description

Hi, I am trying to load a model in a Next.js App. It is mostly working like the model is downloaded correctly but not initialized. I have this part of the code where the Model loaded is never printed in the console. Idk why but the AutoModel promise never resolves or rejects. Check this repo for full code.

    console.log("Model loading");

    state.model = await AutoModel.from_pretrained(MODEL_ID, {
      dtype: "fp16",
      device: "webgpu",
      progress_callback: (progress: ProgressInfo) => {
        if (onProgress && progress.status === "progress") {
          onProgress(progress.progress);
        }
      },
    });

    console.log("Model loaded");

And, when I still try to process the image, I get this error Error: Failed to process the image or a custom error Model not initialized. Why? bcoz, the promise was never resolved or rejected. So the next code was never executed.

Reproduction

1. Clone this repo
2. Install all dependencies. (I use pnpm)
3. Start the dev server (pnpm dev)
4. Wait for the model to load
5. Upload an image and click on the Remove Background button
6. Check the console for error