use-effect-with-target

shadcn-hooks/use-effect-with-target

FreeHook

A hook to create an effect with a target element that re-runs when the target or dependencies change

Install it

npx shadcn@latest add https://shadcn-hooks.com/r/use-effect-with-target.json

Source

registry/hooks/use-effect-with-target.tsshadcn-hooks.com/r/use-effect-with-target.json

1import { useEffect } from 'react'
2import { createEffectWithTarget } from '@/registry/lib/create-effect-with-target'
3 
4export const useEffectWithTarget = createEffectWithTarget(useEffect)

What it pulls in

Other registry items

@shadcnhooks/create-effect-with-target

Files it writes

registry/hooks/use-effect-with-target.ts

More from shadcn-hooks

All 58 items

Same registry, same kind — the ones you would have found next
Component	Registry	Kind	Access	Installs
use-active-elementuse-active-element	shadcn-hooks	Hooks	Free	no deps
use-batteryuse-battery	shadcn-hooks	Hooks	Free	no deps
use-booleanuse-boolean	shadcn-hooks	Hooks	Free	no deps
use-click-any-whereuse-click-any-where	shadcn-hooks	Hooks	Free	no deps
use-click-awayuse-click-away	shadcn-hooks	Hooks	Free	no deps
use-clipboarduse-clipboard	shadcn-hooks	Hooks	Free	no deps
use-controllable-valueuse-controllable-value	shadcn-hooks	Hooks	Free	1 dep
use-counteruse-counter	shadcn-hooks	Hooks	Free	no deps