From 4ad3b0b789c2f8548a36955185b488c1c6b69852 Mon Sep 17 00:00:00 2001
From: moshyfawn <oleg.butorov.98@gmail.com>
Date: Wed, 7 Dec 2022 02:15:15 -0500
Subject: [PATCH] =?UTF-8?q?=F0=9F=93=9D=20docs(Quick=20Start):=20update=20?=
 =?UTF-8?q?Root=20config=20guide=20(#426)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* 📝 docs(Quick Start): update Root config guide

Closes: #425

* Update quick-start.md

Co-authored-by: Tanner Linsley <tannerlinsley@gmail.com>
---
 docs/quick-start.md | 24 ++++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/docs/quick-start.md b/docs/quick-start.md
index 7601a95f16..7babc9712e 100644
--- 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() {