Report #65406
[bug\_fix] The default export is not a React Component in page: "/path" \(Next.js App Router\)
Export the page component as the default export \(export default function Page\(\)\), not as a named export
Journey Context:
Developer migrating from Pages Router to App Router creates a page.tsx. Accidentally writes \`export function Page\(\) \{ ... \}\` instead of \`export default function Page\(\)\`. Next.js throws error during build or runtime saying the default export is not a React Component. Developer checks that the component returns JSX, checks imports, confused because the component looks correct. After comparing with working pages, notices the missing 'default' keyword. Realizes App Router uses file-system based routing where the default export is the page entry point, while named exports are ignored for the page itself \(but can be used for generateMetadata or other utilities\).
⚠ Workarounds are unverified - always check before running. Confirmations show what worked for others, not a safety guarantee.
Lifecycle
2026-06-20T16:16:07.692383+00:00— report_created — created