moved cleanupOutdatedCaches to controllerchange

Author: vivek-devtron

src/App.tsx

@@ -26,6 +26,7 @@ import {
 import { URLS } from './config'
 import Hotjar from './components/Hotjar/Hotjar'
 import { validateToken } from './services/service'
+import { cleanupOutdatedCaches } from 'workbox-precaching'
 
 const NavigationRoutes = lazy(() => import('./components/common/navigation/NavigationRoutes'))
 const Login = lazy(() => import('./components/login/Login'))
@@ -135,6 +136,7 @@ export default function App() {
         if (refreshing.current) {
             return
         }
+        cleanupOutdatedCaches()
         if (document.visibilityState === 'visible') {
             window.location.reload()
             refreshing.current = true

src/service-worker.ts

@@ -4,7 +4,7 @@
 // import { NetworkFirst, StaleWhileRevalidate } from 'workbox-strategies'
 // import { clientsClaim } from 'workbox-core'
 
-import { cleanupOutdatedCaches, createHandlerBoundToURL, precacheAndRoute } from 'workbox-precaching'
+import { createHandlerBoundToURL, precacheAndRoute } from 'workbox-precaching'
 import { NavigationRoute, registerRoute } from 'workbox-routing'
 import { clientsClaim } from 'workbox-core'
 
@@ -21,7 +21,7 @@ self.addEventListener('message', (event) => {
 precacheAndRoute(self.__WB_MANIFEST)
 
 // clean old assets
-cleanupOutdatedCaches()
+// cleanupOutdatedCaches()
 
 // to allow work offline
 registerRoute(new NavigationRoute(createHandlerBoundToURL('index.html')))