diff --git a/apps/web/app/(dashboard)/layout.tsx b/apps/web/app/(dashboard)/layout.tsx
index 42c483d..a9760ef 100644
--- a/apps/web/app/(dashboard)/layout.tsx
+++ b/apps/web/app/(dashboard)/layout.tsx
@@ -24,7 +24,7 @@ export default function DashboardLayout({ children }: { children: React.ReactNod
         </div>
       </div>
       <MobileBottomNav />
-      <OnboardingFlow onComplete={() => {}} />
+      <OnboardingFlow />
       <div className="sr-only" aria-live="polite" aria-atomic="true" id="a11y-announcer" />
     </KeyboardShortcutsProvider>
   );
diff --git a/apps/web/components/onboarding/onboarding-flow.tsx b/apps/web/components/onboarding/onboarding-flow.tsx
index 0c60f72..43de0fd 100644
--- a/apps/web/components/onboarding/onboarding-flow.tsx
+++ b/apps/web/components/onboarding/onboarding-flow.tsx
@@ -18,7 +18,7 @@ import { Rocket, ListTodo, Flame } from 'lucide-react';
 const ONBOARDED_KEY = 'pe_onboarded';
 
 interface OnboardingFlowProps {
-  onComplete: () => void;
+  onComplete?: () => void;
 }
 
 export function OnboardingFlow({ onComplete }: OnboardingFlowProps) {
@@ -37,7 +37,7 @@ export function OnboardingFlow({ onComplete }: OnboardingFlowProps) {
   function handleDismiss() {
     localStorage.setItem(ONBOARDED_KEY, 'true');
     setOpen(false);
-    onComplete();
+    onComplete?.();
   }
 
   async function handleCreateDomain() {