useDebounceMemo

1'use client'
2 
3import * as React from 'react'
4import { useDebouncedCallback } from './use-debounced-callback'
5 
6export function useDebouncedMemo<T>(factory: () => T, deps: React.DependencyList, delay: number) {
7  const [state, setState] = React.useState<T>(() => factory())
8 
9  const factoryEvent = React.useEffectEvent(factory)
10 
11  const debouncedSetState = useDebouncedCallback((value: T) => {
12    setState(value)
13  }, [], delay)
14 
15  React.useEffect(() => {
16    debouncedSetState(factoryEvent())
17  }, [
18    debouncedSetState,
19    // eslint-disable-next-line react-hooks/exhaustive-deps
20    ...deps,
21  ])
22 
23  return state
24}