Library crashes after downloading the model.

Author: ritvij14Created Aug 4, 2025Updated Aug 4, 2025

I am using background removal in one of the features of my project. I am using NextJS 14.2.13 and @imgly/background-removal - ^1.6.0

Code:

typescript
// Dynamically import background-removal only on the client
      const { removeBackground } = await import("@imgly/background-removal");
      console.log("Background removal library loaded");

      const processedBlob = await removeBackground(file, {
        debug: true, // Enable debug logging
      });
      console.log("Background removal completed");
      const fg = new Image();
      fg.src = URL.createObjectURL(processedBlob);

Error Log:

bash
15:09:04.012 Downloading fetch:/models/isnet_fp16: 83958404 of 88152708
15:09:04.012 Downloading fetch:/models/isnet_fp16: 88152708 of 88152708

Detailed error processing image: TypeError: url.replace is not a function
    RelativeURL NextJS
    jp webpack-internal:///(app-pages-browser)/./node_modules/onnxruntime-web/dist/ort.bundle.min.mjs:26
    r webpack-internal:///(app-pages-browser)/./node_modules/onnxruntime-web/dist/ort.bundle.min.mjs:26
    U webpack-internal:///(app-pages-browser)/./node_modules/onnxruntime-web/dist/ort.bundle.min.mjs:17
    gt webpack-internal:///(app-pages-browser)/./node_modules/onnxruntime-web/dist/ort.bundle.min.mjs:26
    U webpack-internal:///(app-pages-browser)/./node_modules/onnxruntime-web/dist/ort.bundle.min.mjs:17
    Ga webpack-internal:///(app-pages-browser)/./node_modules/onnxruntime-web/dist/ort.bundle.min.mjs:26
    U webpack-internal:///(app-pages-browser)/./node_modules/onnxruntime-web/dist/ort.bundle.min.mjs:17
    Fn webpack-internal:///(app-pages-browser)/./node_modules/onnxruntime-web/dist/ort.bundle.min.mjs:2756
    U webpack-internal:///(app-pages-browser)/./node_modules/onnxruntime-web/dist/ort.bundle.min.mjs:17
    zo webpack-internal:///(app-pages-browser)/./node_modules/onnxruntime-web/dist/ort.bundle.min.mjs:2756
    U webpack-internal:///(app-pages-browser)/./node_modules/onnxruntime-web/dist/ort.bundle.min.mjs:17
    wc webpack-internal:///(app-pages-browser)/./node_modules/onnxruntime-web/dist/ort.bundle.min.mjs:2756
    U webpack-internal:///(app-pages-browser)/./node_modules/onnxruntime-web/dist/ort.bundle.min.mjs:17
    <anonymous> webpack-internal:///(app-pages-browser)/./node_modules/onnxruntime-web/dist/ort.bundle.min.mjs:2756
    NextJS 4
    promise callback*getOrt webpack-internal:///(app-pages-browser)/./node_modules/@imgly/background-removal/dist/index.mjs:1011
    createOnnxSession webpack-internal:///(app-pages-browser)/./node_modules/@imgly/background-removal/dist/index.mjs:1019
    initBase webpack-internal:///(app-pages-browser)/./node_modules/@imgly/background-removal/dist/index.mjs:5150
    initInference webpack-internal:///(app-pages-browser)/./node_modules/@imgly/background-removal/dist/index.mjs:5155
    memoized webpack-internal:///(app-pages-browser)/./node_modules/@imgly/background-removal/dist/index.mjs:701
    removeBackground webpack-internal:///(app-pages-browser)/./node_modules/@imgly/background-removal/dist/index.mjs:5197
    handleImageUpload webpack-internal:///(app-pages-browser)/./src/components/dashboard/TextBehindImage.tsx:88
    React 21
    hydrateRoot webpack-internal:///(app-pages-browser)/./node_modules/next/dist/compiled/react-dom/client.js:17
    hydrate webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/app-index.js:197
    startTransition React
    hydrate webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/app-index.js:197
    <anonymous> webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/app-next-dev.js:10
    appBootstrap webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/app-bootstrap.js:57
    loadScriptsInSequence webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/app-bootstrap.js:23
    appBootstrap webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/app-bootstrap.js:56
    <anonymous> webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/app-next-dev.js:8
    NextJS 7
[app-index.tsx:25:20](webpack://_N_E/src/client/app-index.tsx?b6bc)
15:09:04.102
Error stack: RelativeURL@http://localhost:3000/_next/static/chunks/webpack.js?v=1754300310157:288:35
jp@webpack-internal:///(app-pages-browser)/./node_modules/onnxruntime-web/dist/ort.bundle.min.mjs:26:6707
$r<@webpack-internal:///(app-pages-browser)/./node_modules/onnxruntime-web/dist/ort.bundle.min.mjs:26:6987
U/<@webpack-internal:///(app-pages-browser)/./node_modules/onnxruntime-web/dist/ort.bundle.min.mjs:17:416
gt<@webpack-internal:///(app-pages-browser)/./node_modules/onnxruntime-web/dist/ort.bundle.min.mjs:26:7919
U/<@webpack-internal:///(app-pages-browser)/./node_modules/onnxruntime-web/dist/ort.bundle.min.mjs:17:416
Ga<@webpack-internal:///(app-pages-browser)/./node_modules/onnxruntime-web/dist/ort.bundle.min.mjs:26:10709
U/<@webpack-internal:///(app-pages-browser)/./node_modules/onnxruntime-web/dist/ort.bundle.min.mjs:17:416
Fn<@webpack-internal:///(app-pages-browser)/./node_modules/onnxruntime-web/dist/ort.bundle.min.mjs:2756:26956
U/<@webpack-internal:///(app-pages-browser)/./node_modules/onnxruntime-web/dist/ort.bundle.min.mjs:17:416
zo<@webpack-internal:///(app-pages-browser)/./node_modules/onnxruntime-web/dist/ort.bundle.min.mjs:2756:36793
U/<@webpack-internal:///(app-pages-browser)/./node_modules/onnxruntime-web/dist/ort.bundle.min.mjs:17:416
wc<@webpack-internal:///(app-pages-browser)/./node_modules/onnxruntime-web/dist/ort.bundle.min.mjs:2756:41518
U/<@webpack-internal:///(app-pages-browser)/./node_modules/onnxruntime-web/dist/ort.bundle.min.mjs:17:416
@webpack-internal:///(app-pages-browser)/./node_modules/onnxruntime-web/dist/ort.bundle.min.mjs:2756:42439
(app-pages-browser)/./node_modules/onnxruntime-web/dist/ort.bundle.min.mjs@http://localhost:3000/_next/static/chunks/_app-pages-browser_node_modules_onnxruntime-web_dist_ort_bundle_min_mjs.js:28:1
options.factory@http://localhost:3000/_next/static/chunks/webpack.js?v=1754300310157:730:31
__webpack_require__@http://localhost:3000/_next/static/chunks/webpack.js?v=1754300310157:37:33
fn@http://localhost:3000/_next/static/chunks/webpack.js?v=1754300310157:386:21
promise callback*getOrt@webpack-internal:///(app-pages-browser)/./node_modules/@imgly/background-removal/dist/index.mjs:1011:131
createOnnxSession@webpack-internal:///(app-pages-browser)/./node_modules/@imgly/background-removal/dist/index.mjs:1019:22
initBase@webpack-internal:///(app-pages-browser)/./node_modules/@imgly/background-removal/dist/index.mjs:5150:25
async*initInference@webpack-internal:///(app-pages-browser)/./node_modules/@imgly/background-removal/dist/index.mjs:5155:22
memoized@webpack-internal:///(app-pages-browser)/./node_modules/@imgly/background-removal/dist/index.mjs:701:23
removeBackground@webpack-internal:///(app-pages-browser)/./node_modules/@imgly/background-removal/dist/index.mjs:5197:37
handleImageUpload@webpack-internal:///(app-pages-browser)/./src/components/dashboard/TextBehindImage.tsx:88:41
async*callCallback@webpack-internal:///(app-pages-browser)/./node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js:20565:14
invokeGuardedCallbackImpl@webpack-internal:///(app-pages-browser)/./node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js:20614:16
invokeGuardedCallback@webpack-internal:///(app-pages-browser)/./node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js:20689:29
invokeGuardedCallbackAndCatchFirstError@webpack-internal:///(app-pages-browser)/./node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js:20703:25
executeDispatch@webpack-internal:///(app-pages-browser)/./node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js:32128:42
processDispatchQueueItemsInOrder@webpack-internal:///(app-pages-browser)/./node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js:32160:22
processDispatchQueue@webpack-internal:///(app-pages-browser)/./node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js:32173:37
dispatchEventsForPlugins@webpack-internal:///(app-pages-browser)/./node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js:32184:23
dispatchEventForPluginEventSystem/<@webpack-internal:///(app-pages-browser)/./node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js:32374:12
batchedUpdates$1@webpack-internal:///(app-pages-browser)/./node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js:24953:12
batchedUpdates@webpack-internal:///(app-pages-browser)/./node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js:28844:12
dispatchEventForPluginEventSystem@webpack-internal:///(app-pages-browser)/./node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js:32373:17
dispatchEvent@webpack-internal:///(app-pages-browser)/./node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js:30141:38
dispatchDiscreteEvent@webpack-internal:///(app-pages-browser)/./node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js:30112:18
EventListener.handleEvent*addEventBubbleListener@webpack-internal:///(app-pages-browser)/./node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js:30361:10
addTrappedEventListener@webpack-internal:///(app-pages-browser)/./node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js:32277:29
listenToNativeEvent@webpack-internal:///(app-pages-browser)/./node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js:32216:26
listenToAllSupportedEvents/<@webpack-internal:///(app-pages-browser)/./node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js:32227:30
listenToAllSupportedEvents@webpack-internal:///(app-pages-browser)/./node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js:32222:21
hydrateRoot$1@webpack-internal:///(app-pages-browser)/./node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js:37940:29
hydrateRoot@webpack-internal:///(app-pages-browser)/./node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js:38526:10
exports.hydrateRoot@webpack-internal:///(app-pages-browser)/./node_modules/next/dist/compiled/react-dom/client.js:17:16
hydrate/<@webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/app-index.js:197:60
startTransition@webpack-internal:///(app-pages-browser)/./node_modules/next/dist/compiled/react/cjs/react.development.js:2597:25
hydrate@webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/app-index.js:197:24
@webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/app-next-dev.js:10:5
appBootstrap/<@webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/app-bootstrap.js:57:9
loadScriptsInSequence@webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/app-bootstrap.js:23:16
appBootstrap@webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/app-bootstrap.js:56:26
@webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/app-next-dev.js:8:32
(app-pages-browser)/./node_modules/next/dist/client/app-next-dev.js@http://localhost:3000/_next/static/chunks/main-app.js?v=1754300310157:266:1
options.factory@http://localhost:3000/_next/static/chunks/webpack.js?v=1754300310157:730:31
__webpack_require__@http://localhost:3000/_next/static/chunks/webpack.js?v=1754300310157:37:33
__webpack_exec__@http://localhost:3000/_next/static/chunks/main-app.js?v=1754300310157:1996:61
@http://localhost:3000/_next/static/chunks/main-app.js?v=1754300310157:1997:154
webpackJsonpCallback@http://localhost:3000/_next/static/chunks/webpack.js?v=1754300310157:1402:46
@http://localhost:3000/_next/static/chunks/main-app.js?v=1754300310157:9:61
[app-index.tsx:25:20](webpack://_N_E/src/client/app-index.tsx?b6bc)
15:09:04.102
Error message: url.replace is not a function [app-index.tsx:25:20](webpack://_N_E/src/client/app-index.tsx?b6bc)

Source: imgly/background-removal-js