use hash

src/Admin.tsx

@@ -10,7 +10,7 @@ interface PreviewButtonProps {
 const PreviewButton = ({ fileName }: PreviewButtonProps) => {
 
   const handlePreview = () => {
-    const url = `/view/${encodeURIComponent(fileName)}`;
+    const url = `/#/view/${encodeURIComponent(fileName)}`;
     window.open(url, '_blank');
   };
 

src/main.tsx

@@ -1,5 +1,5 @@
 import { createRoot } from 'react-dom/client'
-import { BrowserRouter as Router, Route, Routes } from 'react-router-dom';
+import { Route, Routes, HashRouter } from 'react-router-dom';
 import './index.css'
 import App from './App.tsx'
 import View from './View.tsx'
@@ -11,12 +11,12 @@ import Admin from './Admin.tsx'
 createRoot(document.getElementById('root')!).render(
 
 
-    <Router>
+    <HashRouter>
       <Routes>
         <Route path="/" element={<App />} />
         <Route path="/view/:file" element={<View />} />
         <Route path="/admin" element={<Admin />} />
       </Routes>
-    </Router>
+    </HashRouter>
 
 )