feat: added flag to control online reload behaviour

README.md

@@ -293,6 +293,8 @@ module.exports = withPWA({
   - ~~default: `""` - i.e. default with no prefix~~
   - ~~example: `/subdomain` if the app is hosted on `example.com/subdomain`~~
   - deprecated, use [basePath](https://nextjs.org/docs/api-reference/next.config.js/basepath) instead
+- reloadOnOnline - changes the behaviour of the app when the device detects that it has gone back "online" and has a network connection. Indicate if the app should call `location.reload()` to refresh the app.
+  - default: `true`
 
 ### Other Options
 

index.js

@@ -46,6 +46,7 @@ module.exports = (nextConfig = {}) => ({
       modifyURLPrefix = {},
       fallbacks = {},
       cacheOnFrontEndNav = false,
+      reloadOnOnline = true,
       scope = basePath,
       subdomainPrefix,  // deprecated, use basePath in next.config.js instead
       ...workbox
@@ -77,7 +78,8 @@ module.exports = (nextConfig = {}) => ({
         __PWA_SCOPE__: `'${_scope}'`,
         __PWA_ENABLE_REGISTER__: `${Boolean(register)}`,
         __PWA_START_URL__: dynamicStartUrl ? `'${basePath}'` : undefined,
-        __PWA_CACHE_ON_FRONT_END_NAV__: `${Boolean(cacheOnFrontEndNav)}`
+        __PWA_CACHE_ON_FRONT_END_NAV__: `${Boolean(cacheOnFrontEndNav)}`,
+        __PWA_RELOAD_ON_ONLINE__: `${Boolean(reloadOnOnline)}`
       })
     )
 

register.js

@@ -74,7 +74,9 @@ if (typeof window !== 'undefined' && 'serviceWorker' in navigator && typeof cach
     })
   }
 
-  window.addEventListener('online', () => {
-    location.reload()
-  })
+  if(__PWA_RELOAD_ON_ONLINE__) {
+    window.addEventListener('online', () => {
+      location.reload()
+    })
+  }
 }