From 5f501105f18f71cf2a28131a568c3b02035fabaf Mon Sep 17 00:00:00 2001
From: Justin Sun <i@jsun969.cn>
Date: Sat, 1 Apr 2023 11:05:29 +0800
Subject: [PATCH] feat: add react router

---
 package.json       |  3 ++-
 pnpm-lock.yaml     | 30 ++++++++++++++++++++++++++++++
 src/App.tsx        | 12 ------------
 src/main.tsx       |  7 +++++--
 src/pages/Home.tsx |  5 +++++
 5 files changed, 42 insertions(+), 15 deletions(-)
 delete mode 100644 src/App.tsx
 create mode 100644 src/pages/Home.tsx

diff --git a/package.json b/package.json
index 3f6dbb5..356c1c9 100644
--- a/package.json
+++ b/package.json
@@ -14,7 +14,8 @@
   "dependencies": {
     "antd": "^5.3.3",
     "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react-dom": "^18.2.0",
+    "react-router-dom": "^6.10.0"
   },
   "devDependencies": {
     "@trivago/prettier-plugin-sort-imports": "^4.1.1",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 8e00ba0..d83821e 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -17,6 +17,7 @@ specifiers:
   prettier: ^2.8.7
   react: ^18.2.0
   react-dom: ^18.2.0
+  react-router-dom: ^6.10.0
   simple-git-hooks: ^2.8.1
   typescript: ^4.9.3
   vite: ^4.2.0
@@ -25,6 +26,7 @@ dependencies:
   antd: 5.3.3_biqbaboplfbrettd7655fr4n2y
   react: 18.2.0
   react-dom: 18.2.0_react@18.2.0
+  react-router-dom: 6.10.0_biqbaboplfbrettd7655fr4n2y
 
 devDependencies:
   '@trivago/prettier-plugin-sort-imports': 4.1.1_prettier@2.8.7
@@ -780,6 +782,11 @@ packages:
       react-dom: 18.2.0_react@18.2.0
     dev: false
 
+  /@remix-run/router/1.5.0:
+    resolution: {integrity: sha512-bkUDCp8o1MvFO+qxkODcbhSqRa6P2GXgrGZVpt0dCXNW2HCSCqYI0ZoAqEOSAjRWmmlKcYgFvN4B4S+zo/f8kg==}
+    engines: {node: '>=14'}
+    dev: false
+
   /@trivago/prettier-plugin-sort-imports/4.1.1_prettier@2.8.7:
     resolution: {integrity: sha512-dQ2r2uzNr1x6pJsuh/8x0IRA3CBUB+pWEW3J/7N98axqt7SQSm+2fy0FLNXvXGg77xEDC7KHxJlHfLYyi7PDcw==}
     peerDependencies:
@@ -3104,6 +3111,29 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
+  /react-router-dom/6.10.0_biqbaboplfbrettd7655fr4n2y:
+    resolution: {integrity: sha512-E5dfxRPuXKJqzwSe/qGcqdwa18QiWC6f3H3cWXM24qj4N0/beCIf/CWTipop2xm7mR0RCS99NnaqPNjHtrAzCg==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      react: '>=16.8'
+      react-dom: '>=16.8'
+    dependencies:
+      '@remix-run/router': 1.5.0
+      react: 18.2.0
+      react-dom: 18.2.0_react@18.2.0
+      react-router: 6.10.0_react@18.2.0
+    dev: false
+
+  /react-router/6.10.0_react@18.2.0:
+    resolution: {integrity: sha512-Nrg0BWpQqrC3ZFFkyewrflCud9dio9ME3ojHCF/WLsprJVzkq3q3UeEhMCAW1dobjeGbWgjNn/PVF6m46ANxXQ==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      react: '>=16.8'
+    dependencies:
+      '@remix-run/router': 1.5.0
+      react: 18.2.0
+    dev: false
+
   /react/18.2.0:
     resolution: {integrity: sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==}
     engines: {node: '>=0.10.0'}
diff --git a/src/App.tsx b/src/App.tsx
deleted file mode 100644
index 990719a..0000000
--- a/src/App.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Button } from 'antd';
-
-const App = () => {
-  return (
-    <>
-      <div>App</div>
-      <Button>TEST</Button>
-    </>
-  );
-};
-
-export default App;
diff --git a/src/main.tsx b/src/main.tsx
index 86af4ff..3cc61bc 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -1,11 +1,14 @@
 import 'antd/dist/reset.css';
 import React from 'react';
 import ReactDOM from 'react-dom/client';
+import { createBrowserRouter, RouterProvider } from 'react-router-dom';
 
-import App from './App';
+import Home from './pages/Home';
+
+const router = createBrowserRouter([{ path: '/', element: <Home /> }]);
 
 ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
   <React.StrictMode>
-    <App />
+    <RouterProvider router={router} />
   </React.StrictMode>,
 );
diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx
new file mode 100644
index 0000000..8ca06e8
--- /dev/null
+++ b/src/pages/Home.tsx
@@ -0,0 +1,5 @@
+const Home = () => {
+  return <div>Home</div>;
+};
+
+export default Home;