fix: deffer state updates causing issues for google indexing

jkrumm · Feb 7, 2024 · 9bee393 · 9bee393
1 parent 1c083a2
commit 9bee393
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 17 deletions.
diff --git a/src/hooks/config-loader.hook.ts b/src/hooks/config-loader.hook.ts
@@ -1,4 +1,4 @@
-import { useEffect } from 'react';
+import { startTransition, useEffect } from 'react';
 
 import { api } from 'fpp/utils/api';
 
@@ -28,18 +28,20 @@ export const useConfigLoader = () => {
     });
 
   useEffect(() => {
-    if (statusGetFeatureFlag === 'success') {
-      setFeatureFlags(featureFlags);
-    } else {
-      setFeatureFlags(
-        Object.keys(FeatureFlagType).map((name) => ({
-          name: name as keyof typeof FeatureFlagType,
-          enabled: false,
-        })),
-      );
-    }
-    if (statusGetLatestTag === 'success') {
-      setLatestTag(latestTag);
-    }
+    startTransition(() => {
+      if (statusGetFeatureFlag === 'success') {
+        setFeatureFlags(featureFlags);
+      } else {
+        setFeatureFlags(
+          Object.keys(FeatureFlagType).map((name) => ({
+            name: name as keyof typeof FeatureFlagType,
+            enabled: false,
+          })),
+        );
+      }
+      if (statusGetLatestTag === 'success') {
+        setLatestTag(latestTag);
+      }
+    });
   }, [statusGetFeatureFlag, statusGetLatestTag]);
 };
diff --git a/src/hooks/use-tracking.hook.ts b/src/hooks/use-tracking.hook.ts
@@ -1,4 +1,4 @@
-import { useEffect } from 'react';
+import { startTransition, useEffect } from 'react';
 
 import { env } from 'fpp/env.mjs';
 
@@ -70,8 +70,10 @@ export const sendTrackPageView = ({
       fetch(url, { body, method: 'POST', keepalive: true })
         .then((res) => res.json() as Promise<{ userId: string }>)
         .then(({ userId }) => {
-          setUserIdLocalStorage(userId);
-          setUserIdRoomState(userId);
+          startTransition(() => {
+            setUserIdLocalStorage(userId);
+            setUserIdRoomState(userId);
+          });
           logger.debug(logEndpoint.TRACK_PAGE_VIEW, {
             withBeacon: false,
           });