I am trying to create an Icon component in a Next.js application that imports SVGs dynamically without significantly increasing the bundle size. Despite using various methods such as require.context(), dynamic(), and await import(), I am encountering an issue where all SVGs are being imported, resulting in a large bundle size.

I am trying to create an Icon component in a Next.js application that imports SVGs dynamically without significantly increasing the bundle size. Despite using various methods such as require.context(), dynamic(), and await import(), I am encountering an issue where all SVGs are being imported, resulting in a large bundle size.