update routing from v5 to v6

src/main.jsx

@@ -1,26 +1,18 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
-import App from './Route/Index/Index';
-import Score from './Route/Score/Score';
-import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
+import {
+  createBrowserRouter,
+  RouterProvider
+} from "react-router-dom";
+import Router from './router.jsx';
 
-
-const Routing = () => {
-  return(
-    <Router>
-      <Routes>
-        <Route path="/" element={<App />} />
-        <Route path="/score/:chartId" element={<Score />} />
-      </Routes>
-    </Router>
-  )
-}
+const router = createBrowserRouter(Router);
 
 const root = ReactDOM.createRoot(document.getElementById('root'));
 root.render(
   <React.StrictMode>
-    <Routing />
+    <RouterProvider router={router} />
   </React.StrictMode>
 );
 

src/router.jsx

@@ -0,0 +1,15 @@
+import App from './Route/Index/Index';
+import Score from './Route/Score/Score';
+
+const router = [
+    {
+      path: "/",
+      element: <App />,
+    },
+    {
+      path: "/score/:chartId",
+      element: <Score />,
+    }
+]
+
+export default router;