chore: move to manifest.ts

Author: jedryczkatymon

public/manifest.json

@@ -4,21 +4,30 @@ import { useEffect } from "react";
 
 export function ServiceWorkerRegister() {
   useEffect(() => {
-    if ("serviceWorker" in navigator) {
-      window.addEventListener("load", () => {
-        navigator.serviceWorker.register("/sw.js").then(
-          (registration) => {
-            console.warn(
-              "Service Worker registration successful with scope:",
-              registration.scope,
-            );
-          },
-          (error: unknown) => {
-            console.error("Service Worker registration failed:", error);
-          },
-        );
-      });
+    if (!("serviceWorker" in navigator)) {
+      return;
     }
+    const registerServiceWorker = () => {
+      navigator.serviceWorker.register("/sw.js").then(
+        (registration) => {
+          console.log(
+            "Service Worker registration successful with scope: ",
+            registration.scope,
+          );
+        },
+        (err) => {
+          console.error("Service Worker registration failed: ", err);
+        },
+      );
+    };
+    if (document.readyState === "complete") {
+      registerServiceWorker();
+      return;
+    }
+    window.addEventListener("load", registerServiceWorker);
+    return () => {
+      window.removeEventListener("load", registerServiceWorker);
+    };
   }, []);
 
   return null;