Added wouter for hash-based routing

This commit is contained in:
Kenan Alić committed 2025-10-24 02:40:26 +02:00
1 parent 1be1600a1a
commit 0223b48da3
6 files changed
+58 -5

No files matched your search

+2
View File
@@ -0,0 +1,2 @@
const NotFound = () => <>NotFound</>;
export default NotFound;
-2
View File
@@ -1,2 +0,0 @@
const Root = () => <>Root</>;
export default Root;
+17
View File
@@ -0,0 +1,17 @@
/* Wouter */
import { Router, Switch, Route } from "wouter";
import { useHashLocation } from "wouter/use-hash-location";
/* Routes */
import NotFound from "./NotFound";
const RootRouter = () => (
<Router hook={useHashLocation}>
<Switch>
{/* Fallback (eg. 'Not Found / 404') */}
<Route component={NotFound} />
</Switch>
</Router>
);
export default RootRouter;
+2 -2
View File
@@ -3,10 +3,10 @@ import { StrictMode } from "react";
import { createRoot } from "react-dom/client";
/* Route-related */
import Root from "./routes/Root";
import RootRouter from "./routes/RootRouter";
createRoot(document.getElementById("root")!).render(
<StrictMode>
<Root />
<RootRouter />
</StrictMode>,
);