title: Trying to understand TypeScript's message regarding my onClick event
body: <p>I'm learning TypeScript with React and it's quite frustrating and picky, but I'm sticking with it.  At the moment, I'm getting a typescript message for my inline onClick and not sure how to handle it.</p>
  
  <pre><code>type MenuProps = {
    openMenu: Function;
    toggle: string;
    slidein: string;
  };
  ...
  const Menu: FunctionComponent&lt;MenuProps&gt; = ({ openMenu, toggle, slidein }) =&gt; {
  ...
    &lt;div className={`menu ${toggle}`} onClick={openMenu}&gt;
  ...
  </code></pre>
  
  <p>The message I'm getting is:</p>
  
  <pre><code>Type 'Function' is not assignable to type '(event: MouseEvent&lt;HTMLDivElement, MouseEvent&gt;) =&gt; void'.
    Type 'Function' provides no match for the signature '(event: MouseEvent&lt;HTMLDivElement, MouseEvent&gt;): void'
  
  The expected type comes from property 'onClick' which is declared here on type 'DetailedHTMLProps&lt;HTMLAttributes&lt;HTMLDivElement&gt;, HTMLDivElement&gt;'
  </code></pre>
  
  <p><strong>Update</strong></p>
  
  <p>To add to my complexity and brain cramp... these are my remining onClick events that I suppose need different type situations.</p>
  
  <pre><code>&lt;div className={`expand ${slidein}`}&gt;
    &lt;ul&gt;
      &lt;li&gt;
        &lt;Link to="/" onClick={openMenu}&gt;
          List
        &lt;/Link&gt;
      &lt;/li&gt;
      &lt;li&gt;
        &lt;Link to="/add-user" onClick={openMenu}&gt;
          Add User
        &lt;/Link&gt;
      &lt;/li&gt;
      &lt;li&gt;Add Climb&lt;/li&gt;
    &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>