📝 docs(Quick Start): update Root config guide (#426)

* 📝 docs(Quick Start): update Root config guide Closes: #425 * Update quick-start.md Co-authored-by: Tanner Linsley <tannerlinsley@gmail.com>
TanStack · Dec 7, 2022 · 4ad3b0b · 4ad3b0b
1 parent 9d35116
commit 4ad3b0b
Showing 1 changed file with 12 additions and 12 deletions.
diff --git a/docs/quick-start.md b/docs/quick-start.md
@@ -15,7 +15,17 @@ import {
  createRouteConfig,
 } from '@tanstack/react-router'
 
-const rootRoute = createRouteConfig()
+const rootRoute = createRouteConfig({
+ component: () => (
+ <>
+ <div>
+ <Link to="/">Home</Link> <Link to="/about">About</Link>
+ </div>
+ <hr />
+ <Outlet />
+ </>
+ )
+})
 
 const indexRoute = rootRoute.createRoute({
  path: '/',
@@ -32,17 +42,7 @@ const routeConfig = rootRoute.addChildren([indexRoute, aboutRoute])
 const router = createReactRouter({ routeConfig })
 
 function App() {
- return (
- <>
- <RouterProvider router={router}>
- <div>
- <Link to="/">Home</Link> <Link to="/about">About</Link>
- </div>
- <hr />
- <Outlet />
- </RouterProvider>
- </>
- )
+ return <RouterProvider router={router} />
 }
 
 function Index() {