diff --git a/packages/webui/src/routes/__root.tsx b/packages/webui/src/routes/__root.tsx
index 98306c6..15223eb 100644
--- a/packages/webui/src/routes/__root.tsx
+++ b/packages/webui/src/routes/__root.tsx
@@ -1,6 +1,8 @@
 import { Outlet, createRootRoute } from "@tanstack/react-router"
 
 
+export const Route = createRootRoute({ component: Root })
+
 export function Root() {
     return <>
         <div className="container mx-auto">
@@ -8,5 +10,3 @@ export function Root() {
         </div>
     </>
 }
-
-export const Route = createRootRoute({ component: Root })
diff --git a/packages/webui/src/routes/index.lazy.tsx b/packages/webui/src/routes/index.lazy.tsx
index 7bc912b..1e3dbc7 100644
--- a/packages/webui/src/routes/index.lazy.tsx
+++ b/packages/webui/src/routes/index.lazy.tsx
@@ -2,8 +2,8 @@ import { createLazyFileRoute } from "@tanstack/react-router"
 import { VTodosSubscription } from "../todo/VTodosSubscription"
 
 
+export const Route = createLazyFileRoute("/")({ component: Index })
+
 export function Index() {
     return <VTodosSubscription />
 }
-
-export const Route = createLazyFileRoute("/")({ component: Index })