Updated next-assets-import for webpack 5

next-assets-import.js

function withAssetsImport(nextConfig = {}) {
  return {
    ...nextConfig,
    images: {
      disableStaticImages: true,
    },
    webpack(config, options) {
      config.module.rules.push({
        test: /\.(bmp|gif|jpe?g|png|svg|ttf|eot|woff2?|mp3|wav|mp4|ogg|webm)$/,
        type: 'asset',
        parser: {
          dataUrlCondition: {
            maxSize: 16 * 1024, // for some reason this must be set quite high; otherwise next will not include images. Needs further investigation.
          },
        },
      });

      if (typeof nextConfig.webpack === 'function') {
        return nextConfig.webpack(config, options);
      }

      return config;
    },
  };
}