init: initial router setting

package.json

@@ -12,8 +12,10 @@
   "dependencies": {
     "@emotion/react": "^11.11.4",
     "@emotion/styled": "^11.11.5",
+    "@types/react-router-dom": "^5.3.3",
     "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react-dom": "^18.2.0",
+    "react-router-dom": "^6.22.3"
   },
   "devDependencies": {
     "@emotion/babel-plugin": "^11.11.0",

src/Router.tsx

@@ -0,0 +1,18 @@
+import { BrowserRouter, Route, Routes } from "react-router-dom";
+import Home from "./pages/Home";
+import B from "./pages/B";
+import A from "./pages/A";
+
+const Router = () => {
+    return (
+      <BrowserRouter>
+          <Routes>
+            <Route path="/" element={<Home />} />
+            <Route path="/B" element={<B />} />
+            <Route path="/A" element={<A />} />
+          </Routes>
+      </BrowserRouter>
+    );
+  };
+
+export default Router;

src/pages/A.tsx

@@ -0,0 +1,9 @@
+const A = () => {
+    return (
+        <div>
+            A
+        </div>
+    )
+}
+
+export default A;

src/pages/B.tsx

@@ -0,0 +1,9 @@
+const B = () => {
+    return (
+        <div>
+            B            
+        </div>
+    );
+};
+
+export default B;

src/pages/Home.tsx

@@ -0,0 +1,9 @@
+const Home = () => {
+    return (
+        <div>
+            Hello Daybook!            
+        </div>
+    );
+};
+
+export default Home;