useDebounce.ts

import { useCallback, useState, useRef } from 'react';

export function useDebounce<T>(initialValue: T, ms: number) {
  let [value, setValue] = useState(initialValue);
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
  let timeout = useRef<any>();
  let debouncedSetter = useCallback(
    (newValue: T) => {
      clearTimeout(timeout.current);
      timeout.current = setTimeout(() => {
        setValue(newValue);
      }, ms);
    },
    [ms],
  );

  return [value, debouncedSetter];
}