Custom hook that uses eitheruseLayoutEffect oruseEffect based on the environment (client-side or server-side).

Usage

import{ useIsomorphicLayoutEffect}from'usehooks-ts'exportdefaultfunctionComponent(){useIsomorphicLayoutEffect(()=>{console.log("In the browser, I'm an `useLayoutEffect`, but in SSR, I'm an `useEffect`.",)},[])return<p>Hello, world</p>}

API

▸useIsomorphicLayoutEffect(effect,deps?):void

Custom hook that uses eitheruseLayoutEffect oruseEffect based on the environment (client-side or server-side).

Parameters

Returns

void

Hook

import{ useEffect, useLayoutEffect}from'react'exportconst useIsomorphicLayoutEffect=typeof window!=='undefined'? useLayoutEffect: useEffect