useDebounceState

1'use client'
2 
3import * as React from 'react'
4 
5import { useDebouncedMemo } from './use-debounced-memo'
6 
7export function useDebouncedState<T>(initialValue: T, delay = 0): [T, T, React.Dispatch<React.SetStateAction<T>>] {
8  const [value, setValue] = React.useState<T>(initialValue)
9  const debouncedValue = useDebouncedMemo(() => value, [value], delay)
10 
11  return [debouncedValue, value, setValue]
12}