Missing plugin to handle ic: URI

ERROR in ic:canisters/supplier
Module build failed: UnhandledSchemeError: Reading from “ic:canisters/supplier” is not handled by plugins (Unhandled scheme).
Webpack supports “data:” and “file:” URIs by default.
You may need an additional plugin to handle “ic:” URIs.

at /Users//work/c4h/node_modules/webpack/lib/NormalModule.js:659:26
at Hook.eval [as callAsync] (eval at create (/Users//work/c4h/node_modules/webpack/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:6:1)
at Hook.CALL_ASYNC_DELEGATE [as _callAsync] (/Users/samuelthampy/work/c4h/node_modules/webpack/node_modules/tapable/lib/Hook.js:18:14)
at Object.processResource (/Users/samuelthampy/work/c4h/node_modules/webpack/lib/NormalModule.js:656:9)
at processResource (/Users//work/c4h/node_modules/loader-runner/lib/LoaderRunner.js:220:11)
at iteratePitchingLoaders (/Users//work/c4h/node_modules/loader-runner/lib/LoaderRunner.js:171:10)
at runLoaders (/Users/samuelthampy/work/c4h/node_modules/loader-runner/lib/LoaderRunner.js:397:2)
at NormalModule.doBuild (/Users/=/work/c4h/node_modules/webpack/lib/NormalModule.js:646:3)
at NormalModule.build (/Users/samuelthampy/work/c4h/node_modules/webpack/lib/NormalModule.js:791:15)
at /Users/samuelthampy/work/c4h/node_modules/webpack/lib/Compilation.js:1242:12src/supplier_assets/public/index.js 5:0-98 7:35-49 7:72-85     

webpack 5.24.4 compiled with 1 error in 15736 ms

I am not sure what the error in webpack.config.js. I just can’t call a canister from react app