21 lines
594 B
TypeScript
21 lines
594 B
TypeScript
'use client';
|
|
import { useEffect, useRef } from 'react';
|
|
|
|
// https://overreacted.io/making-setinterval-declarative-with-react-hooks/
|
|
export default function useInterval(callback: () => void, delay: number | undefined) {
|
|
const savedCallback = useRef<typeof callback>();
|
|
|
|
useEffect(() => {
|
|
savedCallback.current = callback;
|
|
}, [callback]);
|
|
|
|
useEffect(() => {
|
|
const handler = () => savedCallback.current?.();
|
|
|
|
if (delay !== null) {
|
|
const id = setInterval(handler, delay);
|
|
return () => clearInterval(id);
|
|
}
|
|
}, [delay]);
|
|
}
|