feat routes

src/component/exlpore/index.tsx

@@ -0,0 +1,11 @@
+import React from 'react'
+
+type Props = {}
+
+function index({}: Props) {
+  return (
+    <div>index</div>
+  )
+}
+
+export default index

src/index.tsx

@@ -1,17 +1,18 @@
-import React from 'react';
-import ReactDOM from 'react-dom/client';
-import './index.css';
-import App from './App';
-import * as serviceWorkerRegistration from './serviceWorkerRegistration';
-import reportWebVitals from './reportWebVitals';
+import React from "react";
+import ReactDOM from "react-dom/client";
+import "./index.css";
+import * as serviceWorkerRegistration from "./serviceWorkerRegistration";
+import reportWebVitals from "./reportWebVitals";
 import "@fontsource/inter";
-
+import { RouterProvider } from "react-router-dom";
+import {router} from './routes'
 const root = ReactDOM.createRoot(
-  document.getElementById('root') as HTMLElement
+  document.getElementById("root") as HTMLElement
 );
+
 root.render(
   <React.StrictMode>
-    <App />
+    <RouterProvider router={router} />
   </React.StrictMode>
 );
 

src/routes/index.tsx

@@ -0,0 +1,13 @@
+import App from "../App";
+import { createBrowserRouter } from "react-router-dom";
+import Exlpore from "component/exlpore";
+export const router = createBrowserRouter([
+  {
+    path: "/",
+    element: <App />,
+  },
+  {
+    path: "/exlpore",
+    element: <Exlpore />,
+  },
+]);