HomeRoute: Route<
    RootRoute<
        undefined,
        {},
        AnyContext,
        AnyContext,
        {},
        undefined,
        unknown,
        unknown,
    >,
    "/",
    "/",
    string,
    "/",
    undefined,
    Record<never, string>,
    AnyContext,
    AnyContext,
    AnyContext,
    {},
    undefined,
    unknown,
    unknown,
> = ...

Home Route Configuration

Defines the application's main dashboard route with:

  • Path: "/" (application root)
  • Component: HomePage (loaded dynamically)
  • Parent: RootRoute (inherits layout and structure)
  • Loading: PageLoader (displays during code loading)

This route provides the primary monitoring interface for real-time Spotify playback tracking and status overview.

export const HomeRoute = createRoute({
getParentRoute: () => RootRoute,
path: "/",
component: () => (
<Suspense fallback={<PageLoader />}>
<HomePage />
</Suspense>
),
});