useInterval
hookas/use-intervalFreeHook
A hook to execute a function repeatedly with a delay
Install it
npx shadcn@latest add https://hookas.letstri.dev/r/use-interval.jsonSource
1'use client'23import * as React from 'react'45export function useInterval(6 callback: () => void,7 delay: number,8): void {9 const callbackEvent = React.useEffectEvent(callback)1011 React.useEffect(() => {12 const id = setInterval(callbackEvent, delay)13 return () => clearInterval(id)14 }, [delay])15}
Files it writes
More from hookas
All 30 items| Component | Registry | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| useAsyncEffectuse-async-effect | hookas | Hooks | Free | no deps | |
| useClickOutsideuse-click-outside | hookas | Hooks | Free | no deps | |
| useDebounceCallbackuse-debounced-callback | hookas | Hooks | Free | no deps | |
| useDebounceMemouse-debounced-memo | hookas | Hooks | Free | no deps | |
| useDebounceStateuse-debounced-state | hookas | Hooks | Free | no deps | |
| useElementSizeuse-element-size | hookas | Hooks | Free | no deps | |
| useFullscreenuse-fullscreen | hookas | Hooks | Free | no deps | |
| useIsInViewportuse-is-in-viewport | hookas | Hooks | Free | no deps |
