Debounce a React.js function

useDebouncedFn.ts

import { DebouncedFunc } from "lodash"
import debounce from "lodash.debounce"
import { useMemo } from "react"

export default function useDebouncedFn<T extends (...args: any[]) => void>(fn: T, wait?: number) {
  return useMemo(() =>(
    debounce((...args:any[]) => {fn(...args)}, wait ?? 300) as DebouncedFunc<T>
  ), [fn, wait])
}

const wait = 800;

function myFn() {
  console.log('My Function');
}

useDebouncedFn(myFn, wait)