title: WebStorm thinks React functional component is unused variable
body: <p>I am writing a stateless function component in React using WebStorm:</p>
  
  <pre><code>// file1.js
  import React from "react";
  export default function MyComp({foo}) { return &lt;span&gt;{ foo }&lt;/span&gt;; }
  </code></pre>
  
  <p>Later, I reference the component:</p>
  
  <pre><code>import MyComp from "./file1";
  // ... in my other component ...
  // I am definitely using the component:
  render() { return &lt;MyComp foo="bar"/&gt; }
  </code></pre>
  
  <p>When performing code analysis, WebStorm complains with the following warning:</p>
  
  <pre><code>Warning:(6, 25) Unused function MyComp
  </code></pre>
  
  <p>Is this a bug in WebStorm? Do I need to configure WebStorm for React?</p>
  
  <p>Thanks.</p>