[webpack] - SVG import issues in Next.js. Bundle analyze

Next.js
1

Hey all,
I need help on correctly import SVG and any other files.
image

Current my working configuration:

webpack(config) {
    config.module.rules.push({
      test: /\.svg$/,
      use: ['@svgr/webpack', 'url-loader'],
    });
    return config;
  },

With this configuration it works, but after deploy i found bundle size is huge. because of that assets. All my svg files INCLUDE on client bundle that effects on size. I need that asset fetched as image-url not as svg-component.

I have an option to put files on public folder. But i would like to webpack collect all assets (each components has own assets folder) and exclude them from main bundle and use as auto-generated url not a component.

Please help with webpack configuration