nextjs config file to prevent the client side from loading slow when using mui

nextjs.config.js

/** @type {import('next').NextConfig} */
 const nextConfig = {
     /*experimental: {
        appDir: true,
     },*/
     modularizeImports: {
         '@mui/material': {
            transform: '@mui/material/{{member}}'
         },
         '@mui/lab': {
            transform: '@mui/lab/{{member}}'
         },
         '@mui/icons-material/?(((\w)?/?)*)': {
            transform: '@mui/icons-material/{{ matches.[1] }}/{{member}}'
         }
     }
 }

 module.exports = nextConfig