Merge pull request #5600 from GeekyAnts/hotfix/usequery-resolver-web

fix: use responsive query queryhash
GeekyAnts · Dec 7, 2022 · 5115434 · 5115434
2 parents 4598a0f + 90dd016
commit 5115434
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/src/utils/useResponsiveQuery/useResponsiveQuery.web.tsx b/src/utils/useResponsiveQuery/useResponsiveQuery.web.tsx
@@ -123,6 +123,7 @@ const getResponsiveStyles = (
   queries: GetResponsiveStylesParams
 ): GetResponsiveStylesReturnType => {
   const queryString = stableHash(queries.query);
+
   const queriesHash = hash(queryString);
 
   const styles = queries.initial
@@ -168,8 +169,13 @@ const getResponsiveStyles = (
         });
         if (mediaRules) {
           const mediaQueryRule = getMediaQueryRule(queryRule, mediaRules);
-          insert(`/*${queryHash}{}*/${mediaQueryRule}`);
-          textContentMap[`/*${queryHash}{}*/${mediaQueryRule}`] = true;
+
+          const queryKey = `/*${queryHash}{}*/${mediaQueryRule}`;
+
+          if (!textContentMap[queryKey]) {
+            insert(queryKey);
+            textContentMap[queryKey] = true;
+          }
         }
       }
     });