fix(useTextDirection): use useLayoutMount to prevent layout jitter

sheinsight · Jul 10, 2024 · fc4743e · fc4743e
1 parent b53787a
commit fc4743e
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/use-text-direction/index.ts b/src/use-text-direction/index.ts
@@ -1,4 +1,4 @@
-import { useMount } from '../use-mount'
+import { useLayoutMount } from '../use-layout-mount'
 import { useSafeState } from '../use-safe-state'
 import { normalizeElement, useTargetElement } from '../use-target-element'
 import { useUpdateEffect } from '../use-update-effect'
@@ -43,7 +43,7 @@ export function useTextDirection(options: UseTextDirectionOptions = {}): UseText
   const el = useTargetElement(target)
   const [dir, setDir] = useSafeState(initialValue)
 
-  useMount(() => setDir(getDirAttribute(el.current, initialValue)))
+  useLayoutMount(() => setDir(getDirAttribute(el.current, initialValue)))
 
   useUpdateEffect(() => {
     if (!el.current) return