fix(useActiveElement): use useLayoutMount to prevent layout jitter

sheinsight · Jul 10, 2024 · f8e2597 · f8e2597
1 parent 4a946b6
commit f8e2597
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/use-active-element/index.ts b/src/use-active-element/index.ts
@@ -1,5 +1,5 @@
 import { useEventListener } from '../use-event-listener'
-import { useMount } from '../use-mount'
+import { useLayoutMount } from '../use-layout-mount'
 import { useSafeState } from '../use-safe-state'
 
 export interface UseActiveElementOptions {
@@ -30,7 +30,7 @@ export function useActiveElement(options: UseActiveElementOptions = {}): Element
     }
   }
 
-  useMount(updateElement)
+  useLayoutMount(updateElement)
 
   useEventListener(() => window, 'focus', updateElement, true)
   useEventListener(() => window, 'blur', blurHandler, true)