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

When i create build it takes time in initial render because the size of material UI packages is bigger. so is there any way i can split code of material ui like Route base code splitting. like i can import only those packages from material ui which i want in initial render?