homeio

1"use client";
2
3import { useEffect, useState } from "react";
4
5export function useDebouncedValue<T>(value: T, delayMs: number) {
6  const [debouncedValue, setDebouncedValue] = useState(value);
7
8  useEffect(() => {
9    const timeout = window.setTimeout(() => {
10      setDebouncedValue(value);
11    }, delayMs);
12
13    return () => {
14      window.clearTimeout(timeout);
15    };
16  }, [delayMs, value]);
17
18  return debouncedValue;
19}
20