update version

package.json

@@ -1,10 +1,10 @@
 {
   "name": "ts5-obs-overlay",
   "private": false,
-  "version": "2.0.0",
-  "description": "Overlay for OBS to show the current talking clients in your Teamspeak 5 Channel",
+  "version": "2.0.1",
+  "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/Viewer.tsx

@@ -16,7 +16,7 @@ export default function Viewer({
     remoteAppPort: remoteAppPort,
     auth: {
       identifier: "de.tealfire.obs",
-      version: "2.0.0",
+      version: "2.0.1",
       name: "TS5 OBS Overlay",
       description: "A OBS overlay for TS5 by DerTyp7",
     },

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>
 );