UseIsomorphicLayoutEffect

1'use client';
2 
3import {
4  DependencyList,
5  EffectCallback,
6  useEffect,
7  useLayoutEffect,
8} from 'react';
9 
10export function useIsomorphicLayoutEffect(
11  effect: EffectCallback,
12  deps?: DependencyList,
13): void {
14  const isBrowser =
15    typeof window !== 'undefined' && typeof window.document !== 'undefined';
16 
17  const useIsomorphicEffect = isBrowser ? useLayoutEffect : useEffect;
18 
19  useIsomorphicEffect(effect, deps);
20}