Docs
useIsomorphicLayoutEffect
Custom hook that uses either useLayoutEffect or useEffect based on the environment (client-side or server-side).
Installation
pnpm dlx shadcn@latest add https://hookcn.ouassim.tech/r/use-isomorphic-layout-effect
Usage
import { useIsomorphicLayoutEffect } from "@/hooks/isomorphic-layout-effect"
export function Component() {
useIsomorphicLayoutEffect(() => {
console.log(
"In the browser, I'm an `useLayoutEffect`, but in SSR, I'm an `useEffect`."
)
}, [])
return <p>Hello, world</p>
}API Reference
Parameters
| Name | Type | Description |
|---|---|---|
effect | EffectCallback | The effect function to be executed. |
deps? | DependencyList | - |
Returns
void