synced main

Author: vivek-devtron

src/App.tsx

@@ -195,6 +195,18 @@ export default function App() {
         }, 500)
     }
 
+    useEffect(() => {
+        if (window.isSecureContext && navigator.serviceWorker) {
+            // check for sw updates on page change
+            navigator.serviceWorker.getRegistrations().then((regs) => regs.forEach((reg) => reg.update()))
+            if (needRefresh) {
+                update()
+            } else if (toast.isActive(updateToastRef.current)) {
+                toast.dismiss(updateToastRef.current)
+            }
+        }
+    }, [location])
+
     function onUpdate() {
         const updateToastBody = (
             <UpdateToast
@@ -213,16 +225,6 @@ export default function App() {
         }
     }
 
-    useEffect(() => {
-        if (needRefresh) {
-            update()
-        } else {
-            if (toast.isActive(updateToastRef.current)) {
-                toast.dismiss(updateToastRef.current)
-            }
-        }
-    }, [location])
-
     useEffect(() => {
         if (needRefresh) {
             onUpdate()