text: import { useState, useEffect } from 'react'
  
  export const useDebounce = (value, delay) => {
    const [debouncedValue, setDebouncedValue] = useState(value)
  
    useEffect(
      () => {
        const handler = setTimeout(() => {
          setDebouncedValue(value)
        }, delay)
  
        return () => {
          clearTimeout(handler)
        }
      },
      [value]
    )
  
    return debouncedValue
  }
  