Typed debounce function wtih TypeScript

debounce.ts

export function debounce<F extends Function>(func:F, wait:number):F {
  let timeoutID:number;

  if (!Number.isInteger(wait)) {
    console.warn("Called debounce without a valid number")
    wait = 300;
  }

  // conversion through any necessary as it wont satisfy criteria otherwise
  return <any>function(this:any, ...args: any[]) {
      clearTimeout(timeoutID);
      const context = this;

      timeoutID = window.setTimeout(function() {
		    func.apply(context, args);
      }, wait);
   };
};

Nope. Works for me. What version of typescript are you using and what compiler (settings)?

I use Gatsby to create my project. When I run it or build, everything is fine.
But this error happen when I wanna run storybook and webpack complain about this.

• OS: Windows 10
• TS version: 3.6.2
• Gatsby: 2.14.6
• Storybook: 5.1.11
• Webpack(storybook built-in): 4.39.3

The versions look good. The only thing that comes to mind is I use a spread operator (...) before this line. Might be that the typescript setting of the storybook webpack don't support this feature yet 🤷‍♂️

Good. Thanks a lot :)