Use Debounce Hook with Implementation

export const useDebounce = (valToDebounce: string) => {
  const [value, setValue] = useState(valToDebounce);

  useEffect(() => {
    const timer = setTimeout(() => {
      setValue(valToDebounce);
    }, 1000);

    return () => clearTimeout(timer);
  }, [valToDebounce]);

  return value;
};