use-isomorphic-layout-effect

1import { useEffect, useLayoutEffect } from 'react'
2import { isBrowser } from '@/registry/lib/is-browser'
3 
4/**
5 * Custom hook that uses either `useLayoutEffect` or `useEffect` based on the environment (client-side or server-side).
6 * @param {Function} effect - The effect function to be executed.
7 * @param {Array<any>} [dependencies] - An array of dependencies for the effect (optional).
8 * @public
9 * @see [Documentation](https://usehooks-ts.com/react-hook/use-isomorphic-layout-effect)
10 * @example
11 * ```tsx
12 * useIsomorphicLayoutEffect(() => {
13 *   // Code to be executed during the layout phase on the client side
14 * }, [dependency1, dependency2]);
15 * ```
16 */
17export const useIsomorphicLayoutEffect = isBrowser ? useLayoutEffect : useEffect