Error: XMLHttpRequest is not defined - Blocked due to this issue firebase/firebase-js-sdk#349

Author: carlosvin

src/sw.js

@@ -34,20 +34,21 @@ workbox.routing.registerRoute(
     }
 );
 
-const auth = new AuthApiImpl();
-auth.getUserId().then(
-    function (userId) {
-        if (userId) {
-            const remoteSync = new DataSynchronizer (new IndexedDb(), new FirestoreApi(userId));
-            self.addEventListener('sync', event => {
-                if (event.tag === SyncDirection.LocalToRemote) {
+self.addEventListener('sync', event => {
+    if (event.tag === SyncDirection.LocalToRemote) {
+
+        const auth = new AuthApiImpl();
+        auth.getUserId().then(
+            function (userId) {
+                if (userId) {
+                    const remoteSync = new DataSynchronizer (new IndexedDb(), new FirestoreApi(userId));
                     remoteSync.sync();
                 }
-            });
-
-        }
+            }
+        )
     }
-)
+});
+
 
 /** TODO use it to retry firestore failed requests
  *

src/views/Sync.tsx

@@ -54,7 +54,7 @@ export function Sync(props: HeaderNotifierProps&RouterProps) {
             console.error(error);
         }
         if (uid) {
-            await btApp.cleanupStorage();
+            await btApp.refreshStores();
         }
         setIsLoggedIn(!!uid);
     }
@@ -74,7 +74,7 @@ export function Sync(props: HeaderNotifierProps&RouterProps) {
             setError('There were some problems signing out');
             console.error(error);
         }
-        await btApp.cleanupStorage();
+        await btApp.refreshStores();
         setIsLoggedIn(!!uid);
     }