add router

src/App.tsx

@@ -1,9 +1,13 @@
-function App() {
-  return (
-    <div>
-      <p>Hello</p>
-    </div>
-  );
-}
+import { Component, ReactNode } from 'react';
+import { Route, Routes } from 'react-router-dom';
 
-export default App;
+export default class App extends Component {
+  render(): ReactNode {
+    return (
+      <Routes>
+        <Route path='/' element={<p>Main</p>} />
+        <Route path='/hello' element={<p>Hello</p>} />
+      </Routes>
+    );
+  }
+}

src/index.tsx

@@ -2,13 +2,16 @@ import React from 'react';
 import ReactDOM from 'react-dom/client';
 import App from './App';
 import reportWebVitals from './reportWebVitals';
+import { BrowserRouter } from 'react-router-dom';
 
 const root = ReactDOM.createRoot(
   document.getElementById('root') as HTMLElement,
 );
 root.render(
   <React.StrictMode>
-    <App />
+    <BrowserRouter>
+      <App />
+    </BrowserRouter>
   </React.StrictMode>,
 );