Overview

Overview Section

This section has a stable, type-safe ID derived from its key in the createSections map. Navigate here with hash={getSectionId("overview")} — TanStack Router handles the scroll natively.

Analytics

Analytics Section

Adding a new section only requires one line in the createSections call. The nav, IDs, and rendered list update automatically — no separate arrays to keep in sync.

Settings

Settings Section

getSectionId("typo") is a compile error — TypeScript infers the valid keys directly from the component map. No separate as const array needed.