diff --git a/index.html b/index.html
index e9e045b..f3dd9a6 100644
--- a/index.html
+++ b/index.html
@@ -26,6 +26,7 @@
         window.location.reload();
         localStorage["auth"] = 1;
       }
+    }
     </script>
   </body>
 </html>
diff --git a/package.json b/package.json
index d0b673d..154b503 100644
--- a/package.json
+++ b/package.json
@@ -50,7 +50,7 @@
     "ws": "^8.16.0"
   },
   "devDependencies": {
-    "@preact/preset-vite": "^2.8.2",
+    "@preact/preset-vite": "^2.8.1",
     "autoprefixer": "^10.4.18",
     "concurrently": "^8.2.2",
     "eslint": "^8.57.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index c6a9279..045aabe 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -119,7 +119,7 @@ dependencies:
 
 devDependencies:
   '@preact/preset-vite':
-    specifier: ^2.8.2
+    specifier: ^2.8.1
     version: 2.8.2(@babel/core@7.24.0)(preact@10.19.6)(vite@5.1.6)
   autoprefixer:
     specifier: ^10.4.18
diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx
index 70b2d0b..b4952c8 100644
--- a/src/pages/Home.tsx
+++ b/src/pages/Home.tsx
@@ -8,6 +8,7 @@ import prod from "./config.json"; // Set prod to true if you wish to load balanc
 import { enc } from "../aes";
 import CloakedHead from "../util/CloakedHead";
 import { useEffect } from "preact/hooks";
+import { setTransport } from "../util/transports";
 
 export function Home() {
   const [isFocused, setIsFocused] = useState(false);
@@ -18,6 +19,8 @@ export function Home() {
     const handleLoad = () => {
       const firstLoad = localStorage.getItem("firstLoad") || "true";
       console.log(firstLoad);
+      //make sure transport is set
+      setTransport();
       if (firstLoad == "true" && prod) {
         function changeBare(url: string) {
           set("bare", url);
@@ -86,6 +89,8 @@ export function Home() {
 
   const handleSubmit = (event) => {
     event.preventDefault();
+    //ensure transport is set 
+    setTransport();
     window.location.href =
       "/go/" +
       encodeURIComponent(
diff --git a/src/routes.tsx b/src/routes.tsx
index da89116..625dd71 100644
--- a/src/routes.tsx
+++ b/src/routes.tsx
@@ -7,13 +7,14 @@ import { Radon } from "./pages/Radon";
 import { Settings } from "./pages/Settings/";
 import { AboutBlank } from "./AboutBlank";
 import { Faq } from "./pages/Faq";
-import { setTransport } from "./util/transports";
+//import { setTransport } from "./util/transports.js";
 
 import "./style.css";
 import "./i18n";
+import { setTransport } from "./util/transports";
 
 export default function Routes() {
-  if ("serviceWorker" in navigator) {
+    if ("serviceWorker" in navigator) {
     window.addEventListener("load", () => {
       navigator.serviceWorker
         .register("/sw.js", {
@@ -25,7 +26,6 @@ export default function Routes() {
         });
     });
   }
-
   return (
     <LocationProvider>
       <Router>
diff --git a/src/util/SWHelper.js b/src/util/SWHelper.js
index 651f16a..a89eba5 100644
--- a/src/util/SWHelper.js
+++ b/src/util/SWHelper.js
@@ -1,3 +1,5 @@
+import { setTransport } from "./transports.ts";
+
 function updateServiceWorkers() {
   navigator.serviceWorker.getRegistrations().then(function (registrations) {
     for (let registration of registrations) {
@@ -16,7 +18,17 @@ function uninstallServiceWorkers() {
   });
 }
 
-function reInitServiceWorkers() {
+function registerServiceWorker() {
+    if ('serviceWorker' in navigator) {
+        navigator.serviceWorker
+        .register("/sw.js", {
+          scope: "/~/"
+        })
+        .then(() => {
+          console.log("Service worker registered successfully");
+          setTransport();
+        });
+    }
 }
 
-export { updateServiceWorkers, uninstallServiceWorkers };
+export { updateServiceWorkers, uninstallServiceWorkers, registerServiceWorker };