fix(useSupported): use useIsomorphicLayoutEffect to prevent layout …

…jitter
sheinsight · Jul 10, 2024 · b53787a · b53787a
1 parent 04255e7
commit b53787a
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/use-supported/index.ts b/src/use-supported/index.ts
@@ -1,4 +1,4 @@
-import { useEffect } from 'react'
+import { useIsomorphicLayoutEffect } from '../use-isomorphic-layout-effect'
 import { useLatest } from '../use-latest'
 import { useSafeState } from '../use-safe-state'
 
@@ -12,7 +12,7 @@ export function useSupported(callback: () => unknown, deps: DependencyList = [])
 
   const latest = useLatest({ callback })
 
-  useEffect(() => {
+  useIsomorphicLayoutEffect(() => {
     setIsSupported(Boolean(latest.current.callback()))
   }, deps)