title: React & Typescript how get onClick prop from child to parent
body: <p>I'm using react &amp; typescript.</p>
  
  <p>I wonder how i can pass event from parent to child with props. </p>
  
  <p>so is example </p>
  
  <p><strong>parent.tsx</strong></p>
  
  <pre><code>const ParentComponent: React.FC&lt;ParentProps&gt; = (props) =&gt;  {
     const [activeItem, setActiveItem] = useState("");
  
     const getActiveItem = (e: React.MouseEvent, title: string) =&gt; {
        setActiveItem(title)
     };
  
     return (
        &lt;ChildComponent activeItem={activeItem} clickHandler={(e) =&gt; getActiveItem(e, 'TITLE')} /&gt; 
     )
  }
  </code></pre>
  
  <p><strong>child.tsx</strong></p>
  
  <pre><code>interface ChildProps {
    activeItem: string;
    clickHandler: () =&gt; any;
  }
  
  
  const ChildComponent: React.FC&lt;ChildProps&gt; = (props) =&gt;  {
     return (
        &lt;button onClick={props.clickHandler} /&gt; {props.activeItem} &lt;/button&gt;
     )
  }
  </code></pre>
  
  <p>and on parent component i'm getting error on clickHandler: </p>
  
  <pre><code>Type '(e: any) =&gt; void' is not assignable to type '() =&gt; void'.ts(2322)
  </code></pre>