useDebounce infinite loop with arrays about usehooks

[kachidk]

Version: 2.4.1

I'm also experiencing the same infinite render loop when passing arrays.

[AnYiEE]

This happens because arrays used as dependencies are recreated on every render, causing the useEffect hook to rerun on each render, leading to an infinite loop. To solve this problem, we can use useMemo to memoize the array.

const array = useMemo(() => ["array"], []);
const value = useDebounce(array, 300);