next.config.mjs

/** @type {import('next').NextConfig} */
const nextConfig = {
  experimental: {
    optimizePackageImports: [
      "@copilotkit/react-core",
      "@copilotkit/react-textarea",
      "@copilotkit/react-ui",
      "@dnd-kit/core",
      "@dnd-kit/sortable",
      "@dnd-kit/utilities",
      "@emotion/react",
      "@emotion/styled",
      "@hookform/resolvers",
      "@internationalized/date",
      "@mui/icons-material",
      "@mui/material",
      "@nextui-org/react",
      "@radix-ui/react-accordion",
      "@radix-ui/react-aspect-ratio",
      "@radix-ui/react-alert-dialog",
      "@radix-ui/react-aspect-ratio",
      "@radix-ui/react-avatar",
      "@radix-ui/react-checkbox",
      "@radix-ui/react-collapsible",
      "@radix-ui/react-context-menu",
      "@radix-ui/react-dialog",
      "@radix-ui/react-dropdown-menu",
      "@radix-ui/react-hover-card",
      "@radix-ui/react-label",
      "@radix-ui/react-menubar",
      "@radix-ui/react-navigation-menu",
      "@radix-ui/react-popover",
      "@radix-ui/react-progress",
      "@radix-ui/react-radio-group",
      "@radix-ui/react-scroll-area",
      "@radix-ui/react-select",
      "@radix-ui/react-separator",
      "@radix-ui/react-slider",
      "@radix-ui/react-slot",
      "@radix-ui/react-switch",
      "@radix-ui/react-tabs",
      "@radix-ui/react-toast",
      "@radix-ui/react-toggle",
      "@radix-ui/react-toggle-group",
      "@radix-ui/react-tooltip",
      "@tabler/icons-react",
      "@tanstack/react-table",
      "aos",
      "axios",
      "class-variance-authority",
      "clsx",
      "cmdk",
      "date-fns",
      "embla-carousel-react",
      "framer-motion",
      "framer-motion-3d",
      "gsap",
      "recharts",
      "react-fast-marquee",
      "simplex-noise",
      "sonner",
      "tailwind-merge",
      "tailwindcss-animate",
      "transition-style",
      "three",
      "vaul",
      "zod",
    ],
  },
};

export default nextConfig;