diff --git a/app/earn/activity/MyActivityClient.tsx b/app/earn/activity/MyActivityClient.tsx index fc67fb9..44718b9 100644 --- a/app/earn/activity/MyActivityClient.tsx +++ b/app/earn/activity/MyActivityClient.tsx @@ -45,6 +45,15 @@ const PartnerSimulator = dynamic( })), { ssr: false }, ); +// Ops console is a debug surface; split it out of the initial bundle so it +// doesn't block interactive on the main thread. +const LiveOpsConsole = dynamic( + () => + import('@/features/ops/LiveOpsConsole').then((m) => ({ + default: m.LiveOpsConsole, + })), + { ssr: false }, +); import { MyActivityPageHeader } from '@/features/earn/activity/components/MyActivityPageHeader'; import { NeedsAttentionStrip } from '@/features/earn/activity/components/NeedsAttentionStrip'; import { PinkHero } from '@/features/earn/activity/components/PinkHero'; @@ -53,7 +62,6 @@ import { useRefreshActivity } from '@/features/earn/activity/hooks/useRefreshAct import type { ActivityStatus } from '@/features/earn/activity/lib/deriveActivityStatus'; import { deriveActivityTotals } from '@/features/earn/activity/lib/deriveActivityTotals'; import type { ActivityOffer } from '@/features/earn/activity/lib/types'; -import { LiveOpsConsole } from '@/features/ops/LiveOpsConsole'; import { track } from '@/lib/analytics'; import { getOptimisticStore } from '@/lib/realtime/optimisticStore'; import { useActivitySubscription } from '@/lib/realtime/useActivitySubscription'; diff --git a/next.config.ts b/next.config.ts index 2f6491c..548e7e7 100644 --- a/next.config.ts +++ b/next.config.ts @@ -2,6 +2,9 @@ import type { NextConfig } from "next"; const nextConfig: NextConfig = { reactStrictMode: true, + experimental: { + optimizePackageImports: ['@mui/material', '@mui/icons-material', 'motion'], + }, }; export default nextConfig; diff --git a/package.json b/package.json index b6b22e8..166d92d 100644 --- a/package.json +++ b/package.json @@ -48,5 +48,12 @@ "engines": { "node": ">=20" }, - "packageManager": "pnpm@10.33.0" + "packageManager": "pnpm@10.33.0", + "browserslist": [ + "last 2 chrome versions", + "last 2 firefox versions", + "last 2 safari versions", + "last 2 edge versions", + "not dead" + ] }