chore: Apply act warning fix to all hooks that uses useMutationObserv…

…er (#104)
cloudscape-design · Oct 29, 2024 · f6b9728 · f6b9728
1 parent 2b188cf
commit f6b9728
Showing 1 changed file with 12 additions and 2 deletions.
diff --git a/src/internal/visual-mode/index.ts b/src/internal/visual-mode/index.ts
@@ -36,7 +36,12 @@ export function useCurrentMode(elementRef: React.RefObject<HTMLElement>) {
       node,
       node => node.classList.contains('awsui-polaris-dark-mode') || node.classList.contains('awsui-dark-mode')
     );
-    setValue(darkModeParent ? 'dark' : 'light');
+    const newValue = darkModeParent ? 'dark' : 'light';
+
+    // refer to the comment below in `useReducedMotion`
+    if (newValue !== value) {
+      setValue(newValue);
+    }
   });
   return value;
 }
@@ -48,7 +53,12 @@ export function useDensityMode(elementRef: React.RefObject<HTMLElement>) {
       node,
       node => node.classList.contains('awsui-polaris-compact-mode') || node.classList.contains('awsui-compact-mode')
     );
-    setValue(compactModeParent ? 'compact' : 'comfortable');
+    const newValue = compactModeParent ? 'compact' : 'comfortable';
+
+    // refer to the comment below in `useReducedMotion`
+    if (newValue !== value) {
+      setValue(newValue);
+    }
   });
   return value;
 }