Fix runtime error in production

Author: ooboqoo

package-lock.json

@@ -62,6 +62,7 @@
     "sonner": "^2.0.7",
     "tailwind-merge": "^3.3.1",
     "tw-animate-css": "^1.3.7",
+    "zod": "^4.0.17",
     "zustand": "^5.0.8"
   },
   "devDependencies": {

package.json

@@ -1,5 +1,5 @@
 import { useEffect, useState } from 'react'
-import { BrowserRouter, Routes, Route } from 'react-router'
+import { HashRouter, Routes, Route } from 'react-router'
 import { Toaster } from 'sonner'
 import CoderPage from '@/coder'
 import SettingsPage from '@/settings'
@@ -29,6 +29,7 @@ export default function App() {
       )
       setInitialized(true)
     })
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [])
 
   useEffect(() => {
@@ -39,17 +40,18 @@ export default function App() {
 
   useEffect(() => {
     window.api.initShortcuts(shortcuts)
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [])
 
   return (
     <>
-      <BrowserRouter>
+      <HashRouter>
         <Routes>
           <Route index element={<CoderPage />} />
           <Route path="settings" element={<SettingsPage />} />
           <Route path="help" element={<HelpPage />} />
         </Routes>
-      </BrowserRouter>
+      </HashRouter>
 
       <Toaster />
     </>