New serviceworker.js file with Workbox 5.1.2

I have PWA implemented in my Web but I have login problems I would like to update my serviceworker with Workbox 5.1.2 I just need a [login to view URL] that uses Workbox 5.1.2 and supports cache files and offline. My serviceworker is with 3.0: importScripts('[login to view URL]'); const appName = 'react-base'; const suffix = 'v1'; const staticCache = `${ appName }-static-${ suffix }`; const dynamicCache = `${ appName }-dynamic-${ suffix }`; const notificationDelay = 12000; [login to view URL]({ prefix: appName, suffix }); [login to view URL](); self._precacheManifest = [ '/[login to view URL]', '/oc-content/themes/beta/cache/js/[login to view URL]', '/oc-content/themes/beta/cache/css/[login to view URL]', '/oc-content/themes/beta/cache/css/[login to view URL]' ]; [login to view URL](self._precacheManifest, {}); [login to view URL]( /\.(?:js|css)$/, [login to view URL]({ cacheName: staticCache, plugins: [ new [login to view URL]({ maxEntries: 10, maxAgeSeconds: 10 * 24 * 60 * 60 }) ] }) ); [login to view URL]( /\.(?:png|gif|svg)$/, [login to view URL]({ cacheName: dynamicCache, plugins: [ new [login to view URL]({ maxEntries: 60, maxAgeSeconds: 30 * 24 * 60 * 60 }) ] }) ); [login to view URL]( /\.(?:jpg|jpeg)$/, [login to view URL]({ cacheName: dynamicCache, plugins: [ new [login to view URL]({ maxEntries: 60, maxAgeSeconds: 20 * 24 * 60 * 60 }) ] }) ); [login to view URL]( /.*(?:googleapis|gstatic).com.*$/, [login to view URL]({ cacheName: staticCache, plugins: [ new [login to view URL]({ maxEntries: 10, maxAgeSeconds: 90 * 24 * 60 * 6 }) ] }) ); [login to view URL]( ({ event }) => [login to view URL] === 'navigate', ({ url }) => fetch([login to view URL]).catch(() => [login to view URL]('/[login to view URL]')) ); [login to view URL]('push', async event => { const res = [login to view URL]([login to view URL]()); const { title, body, url, icon } = [login to view URL]; const options = { body, icon, vibrate: [100], data: { url } }; [login to view URL](showNotification(title, options)); }); const showNotification = (title, options) => new Promise(resolve => { setTimeout(() => { [login to view URL](title, options).then(() => resolve()); }, notificationDelay); }); [login to view URL]('notificationclick', event => { [login to view URL](); const { url } = [login to view URL]; if (url) [login to view URL]([login to view URL](url)); });