fix router

netlify.toml

@@ -0,0 +1,16 @@
+[build]
+  publish="./dist"
+  base = "."
+
+
+[[redirects]]
+  from = "/*"
+  to = "/index.html"
+  status = 200
+
+[[headers]]
+  for = "/*"
+  [headers.values]
+    X-Frame-Options = "sameorigin"
+    Referrer-Policy = "no-referrer"
+    X-Content-Type-Options = "nosniff"

package.json

@@ -30,7 +30,7 @@
     "react-dom": "^18.2.0",
     "react-hook-form": "^7.51.3",
     "react-qr-code": "^2.0.15",
-    "react-router-dom": "^6.24.1",
+    "react-router-dom": "^6.15.0",
     "sonner": "^1.4.41",
     "tailwind-merge": "^2.3.0",
     "tailwindcss-animate": "^1.0.7",

src/app/App.tsx

@@ -1,5 +1,4 @@
 import Layout from '@/app/layout'
-import { Home } from 'lucide-react'
 import { Routes, Route } from 'react-router-dom'
 import MnemonicGeneration from '@/app/pages/mnemonic-generation'
 import QrCode from '@/app/pages/generate-qrcode'
@@ -10,7 +9,7 @@ function App() {
       <Routes>
         <Route path="/" element={<Layout />}>
           <Route index element={<MnemonicGeneration />} />
-          <Route path="qr" element={<QrCode />} />
+          <Route path="/qr" element={<QrCode />} />
           <Route path="*" element={<MnemonicGeneration />} />
         </Route>
       </Routes>

src/app/router.tsx

@@ -0,0 +1,28 @@
+import { createBrowserRouter, createRoutesFromElements, Route } from 'react-router-dom'
+import Layout from '@/app/layout'
+import MnemonicGeneration from '@/app/pages/mnemonic-generation'
+import QrCode from '@/app/pages/generate-qrcode'
+
+const router = createBrowserRouter([
+  {
+    path: '/',
+    Component: Layout,
+    children: [
+      {
+        index: true,
+        Component: MnemonicGeneration,
+      },
+      {
+        path: 'qr',
+        Component: QrCode,
+
+      },
+      {
+        path: 'deferred',
+        Component: MnemonicGeneration,
+      },
+    ],
+  },
+])
+
+export { router }

src/main.tsx

@@ -3,13 +3,17 @@ import './app/style/global.css'
 import './app/style/dark.less'
 import React from 'react'
 import ReactDOM from 'react-dom/client'
+import { HashRouter, RouterProvider } from 'react-router-dom'
 import App from './app/App'
-import { BrowserRouter } from "react-router-dom";
+import { router } from './app/router'
 
 ReactDOM.createRoot(document.getElementById('root')!).render(
   <React.StrictMode>
-    <BrowserRouter>
+    {/* <HashRouter>
       <App />
-    </BrowserRouter>
+    </HashRouter> */}
+
+    <RouterProvider router={router} />
+
   </React.StrictMode>
 )