next.config.mjs

/** @type {import('next').NextConfig} */
const env = {};
const disallowedPrefixes = ["NODE_", "__", "NEXT"];
for (const [key, value] of Object.entries(process.env)) {
  if (!disallowedPrefixes.some((k) => key.startsWith(k))) {
    env[key] = value;
  }
}

/**
 * @type {import('next').NextConfig}
 */
const nextConfig = {
  env,
  experimental: {
    legacyBrowsers: false,
  },
  compiler: {
    styledComponents: true,
    emotion: true,
  },
  transpilePackages: ["@mui/material", "lodash-es"],
  modularizeImports: {
    lodash: {
      transform: "lodash/{{member}}",
      preventFullImport: true,
    },
    "@mui/material": {
      transform: "@mui/material/{{member}}",
      preventFullImport: true,
    },
    "@mui/icons-material": {
      transform: "@mui/icons-material/{{member}}",
      preventFullImport: true,
    },
  },
  output: "export",
  productionBrowserSourceMaps: true,
};

export default nextConfig;