fix user lang loading issues from firebase

Author: thecodingwizard

src/context/UserDataContext/UserDataContext.tsx

@@ -226,6 +226,11 @@ export const UserDataProvider = ({
       // If the user is signed in, sync remote data with local data
       if (user) {
         const userDoc = doc(getFirestore(firebaseApp), 'users', user.uid);
+
+        // For the very first firestore data read, we should set the language property
+        // to whatever the URL query param is
+        let shouldUseLangQueryParam = true;
+
         snapshotUnsubscribe = onSnapshot(userDoc, {
           next: snapshot => {
             const data = snapshot.data();
@@ -248,13 +253,20 @@ export const UserDataProvider = ({
               );
             } else {
               const newUserData = assignDefaultsToUserData(data);
+              if (shouldUseLangQueryParam) {
+                const urlLang = getLangFromUrl();
+                if (urlLang) {
+                  newUserData.lang = urlLang;
+                }
+              }
               localStorage.setItem(
                 'guide:userData:v100',
                 JSON.stringify(newUserData)
               );
               setUserData(newUserData);
             }
 
+            shouldUseLangQueryParam = false;
             setIsLoaded(true);
           },
           error: error => {