diff --git a/packages/react/src/App.tsx b/packages/react/src/App.tsx
index 15bef03..ae88e7d 100644
--- a/packages/react/src/App.tsx
+++ b/packages/react/src/App.tsx
@@ -3,6 +3,7 @@ import {
   createBrowserRouter,
   createRoutesFromElements,
   RouterProvider,
+  redirect,
 } from "react-router-dom";
 import MainLayout from "./MainLayout";
 import Home from "./Home";
@@ -19,6 +20,9 @@ const router = createBrowserRouter(
       <Route path="/docs" element={<DocsLayout />}>
         <Route index element={<DocsIntroduction />} />
         <Route path="installation" element={<DocsInstallation />} />
+        <Route path="components">
+          <Route index loader={() => redirect("/docs/components/button")} />
+        </Route>
       </Route>
     </Route>
   )