why does this error occur?

Error [ERR_UNSUPPORTED_DIR_IMPORT]: Directory import '/Users/developer/Desktop/ftp/smile-subscription24-admin-v2/smile-subscription24-admin/node_modules/@mui/material/Box' is not supported resolving ES modules imported from /Users/developer/Desktop/ftp/smile-subscription24-admin-v2/smile-subscription24-admin/node_modules/@refinedev/mui/dist/index.mjs
Did you mean to import @mui/material/node/Box/index.js?
    at finalizeResolution (node:internal/modules/esm/resolve:249:11)
    at moduleResolve (node:internal/modules/esm/resolve:908:10)
    at defaultResolve (node:internal/modules/esm/resolve:1121:11)
    at ModuleLoader.defaultResolve (node:internal/modules/esm/loader:396:12)
    at ModuleLoader.resolve (node:internal/modules/esm/loader:365:25)
    at ModuleLoader.getModuleJob (node:internal/modules/esm/loader:240:38)
    at ModuleWrap.<anonymous> (node:internal/modules/esm/module_job:85:39)
    at link (node:internal/modules/esm/module_job:84:36) {
  code: 'ERR_UNSUPPORTED_DIR_IMPORT',
  url: 'file:///Users/developer/Desktop/ftp/smile-subscription24-admin-v2/smile-subscription24-admin/node_modules/@mui/material/Box',
  page: '/points'
}
<w> [webpack.cache.PackFileCacheStrategy] Caching failed for pack: Error: ENOENT: no such file or directory, rename '/Users/developer/Desktop/ftp/smile-subscription24-admin-v2/smile-subscription24-admin/.next/cache/webpack/client-development-fallback/0.pack.gz_' -> '/Users/developer/Desktop/ftp/smile-subscription24-admin-v2/smile-subscription24-admin/.next/cache/webpack/client-development-fallback/0.pack.gz'

Error [ERR_UNSUPPORTED_DIR_IMPORT]: Directory import '/Users/developer/Desktop/ftp/smile-subscription24-admin-v2/smile-subscription24-admin/node_modules/@mui/material/Box' is not supported resolving ES modules imported from /Users/developer/Desktop/ftp/smile-subscription24-admin-v2/smile-subscription24-admin/node_modules/@refinedev/mui/dist/index.mjs
Did you mean to import @mui/material/node/Box/index.js?
    at finalizeResolution (node:internal/modules/esm/resolve:249:11)
    at moduleResolve (node:internal/modules/esm/resolve:908:10)
    at defaultResolve (node:internal/modules/esm/resolve:1121:11)
    at ModuleLoader.defaultResolve (node:internal/modules/esm/loader:396:12)
    at ModuleLoader.resolve (node:internal/modules/esm/loader:365:25)
    at ModuleLoader.getModuleJob (node:internal/modules/esm/loader:240:38)
    at ModuleWrap.<anonymous> (node:internal/modules/esm/module_job:85:39)
    at link (node:internal/modules/esm/module_job:84:36) {
  code: 'ERR_UNSUPPORTED_DIR_IMPORT',
  url: 'file:///Users/developer/Desktop/ftp/smile-subscription24-admin-v2/smile-subscription24-admin/node_modules/@mui/material/Box',
  page: '/points'
}
<w> [webpack.cache.PackFileCacheStrategy] Caching failed for pack: Error: ENOENT: no such file or directory, rename '/Users/developer/Desktop/ftp/smile-subscription24-admin-v2/smile-subscription24-admin/.next/cache/webpack/client-development-fallback/0.pack.gz_' -> '/Users/developer/Desktop/ftp/smile-subscription24-admin-v2/smile-subscription24-admin/.next/cache/webpack/client-development-fallback/0.pack.gz'