useThrottledMemo

1'use client'
2 
3import * as React from 'react'
4import { useThrottledCallback } from './use-throttled-callback'
5 
6export function useThrottledMemo<T>(factory: () => T, deps: React.DependencyList, delay: number) {
7  const [state, setState] = React.useState<T>(() => factory())
8 
9  const throttledSetState = useThrottledCallback((value: T) => {
10    setState(value)
11  }, [setState], delay)
12 
13  React.useEffect(() => {
14    throttledSetState(factory())
15  }, [...deps, throttledSetState])
16 
17  return state
18}