Skip to content
usefy

useUpdateEffect

Lifecycle & refs

A useEffect variant that skips the first render

npmSourceFull READMEStorybook demo ↗

Install

$ npm install @usefy/use-update-effect

Quick start

useUpdateEffect.tsx
import { useUpdateEffect } from "@usefy/use-update-effect";

useUpdateEffect(() => {
  // runs only when `query` changes, not on mount
  search(query);
}, [query]);

API reference

useUpdateEffect(effect, deps?) — same as useEffect but does not run on the initial render.

Go deeper

This page is the quick reference. For every example, prop, and edge case, read the full README — or open Storybook to change props live.

Full README →Open in Storybook →

More in lifecycle & refs

useEventCallbackhook

A React hook returning a stable callback that always sees the latest props and state

Lifecycle & refs
useInithook

A React hook for one-time initialization with async support, retry, timeout, and conditional execution

Lifecycle & refs
useIsClienthook

A React hook that returns true once the component has hydrated on the client (SSR-safe)

Lifecycle & refs