const ProfileArtist = lazy(() => import( "../pages/profile/ProfileArtist" /* webpackChunkName: "profileArtist" */);

Cuando creo una compilación, toma tiempo en el renderizado inicial porque el tamaño de los paquetes de UI de material es más grande. Entonces, ¿hay alguna forma de dividir el código de la interfaz de usuario del material, como la división del código base de la ruta? ¿puedo importar solo los paquetes del material ui que quiero en el renderizado inicial?