Use Hashrouter because of ghpages

package.json

@@ -4,7 +4,7 @@
   "version": "2.0.0",
   "description": "Overlay for OBS to show the current talking clients in your Teamspeak 5 Channel",
   "author": "DerTyp7",
-  "homepage": "https://dertyp7.github.io/ts5-obs-overlay",
+  "homepage": "https://dertyp7.github.io/ts5-obs-overlay/#",
   "repository": {
     "type": "git",
     "url": "https://github.com/DerTyp7/ts5-obs-overlay"

src/Generator.tsx

@@ -19,7 +19,7 @@ export default function Generator() {
 
   // Function to generate the output URL
   function generateUrl() {
-    const url = new URL(window.location.href.replace("/generate", ""));
+    const url = new URL(window.location.href.replace("/#/generate", ""));
     url.searchParams.set("remoteAppPort", remoteAppPort.toString());
     url.searchParams.set("showChannelName", showChannelName.toString());
     url.searchParams.set("hideNonTalking", hideNonTalking.toString());

src/main.tsx

@@ -2,10 +2,10 @@ import React from "react";
 import ReactDOM from "react-dom/client";
 import App from "./App.tsx";
 import "@styles/index.scss";
-import { BrowserRouter } from "react-router-dom";
+import { BrowserRouter, HashRouter } from "react-router-dom";
 
 ReactDOM.createRoot(document.getElementById("root")!).render(
-  <BrowserRouter>
+  <HashRouter>
     <App />
-  </BrowserRouter>
+  </HashRouter>
 );