title: Getting "JSX element type 'App' does not have any construct or call signatures." ts(2604) error when exporting array of JSX Element
body: <p>I've a function that returns array of JSX Elements. When I'm passing this to <code>ReactDOM.render</code> I'm getting the above error.</p>
  <p><code>wrappers.tsx</code></p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>const FooterWithStore:React.FC = () =&gt; (
      &lt;Provider store={store}&gt;
        &lt;FooterLangWrapper /&gt;
      &lt;/Provider&gt;
  )
  
  const AppWithStore:React.FC = () =&gt; (
      &lt;Provider store={store}&gt;
        &lt;LangWrapper /&gt;
      &lt;/Provider&gt;
  );
  
  const WrapFooter = (WrappedComponent: React.FC) =&gt; [
      &lt;WrappedComponent key="1" /&gt;,
      &lt;FooterWithStore key="2" /&gt;
  ]
  
  const App = WrapFooter(AppWithStore)
  export default App</code></pre>
  </div>
  </div>
  </p>
  <p><code>index.tsx</code></p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>ReactDOM.render(
    &lt;App /&gt;,
    document.getElementById('root')
  );</code></pre>
  </div>
  </div>
  </p>