title: Why can't I use this component with TypeScript?
body: <p>I found a <a href="https://www.npmjs.com/package/react-debounce-input" rel="nofollow noreferrer">react-debounce-input</a> library and I use it in my app without issues.</p>
  <p>But since I moved to TypeScript, I'm getting an error when trying to use this library. Here's the minimal reproducible example:</p>
  <pre><code>import { FunctionComponent } from 'react';
  import { DebounceInput } from 'react-debounce-input';
  
  type Props = {};
  
  export const Foo: FunctionComponent&lt;Props&gt; = () =&gt; {
    return (
      &lt;form&gt;
        &lt;DebounceInput /&gt;
      &lt;/form&gt;
    );
  };
  
  </code></pre>
  <p>The error I'm getting is:</p>
  <pre><code>TS2786: 'DebounceInput' cannot be used as a JSX component.
    Its instance type 'DebounceInput&lt;HTMLInputElement, React.InputHTMLAttributes&lt;HTMLInputElement&gt;&gt;' is not a valid JSX element.
      Type 'DebounceInput&lt;HTMLInputElement, React.InputHTMLAttributes&lt;HTMLInputElement&gt;&gt;' is missing the following properties from type 'ElementClass': render, context, setState, forceUpdate, and 3 more.
  </code></pre>
  <p>Am I missing something? According to the docs, it should work. I am using the newest version.</p>