title: JSX element type 'App' does not have any construct or call signatures
body: <p>I'm rewriting my React app to Typescript and having trouble rewriting my HOC. It's a HOC for session. The following is my <code>withSession.tsx</code> HOC:</p>
  
  <pre><code>import React from 'react'
  import { connect } from 'react-redux'
  
  import { selectors } from 'redux/tokens'
  import { Tokens } from 'redux/tokens/types'
  import { SessionContext } from 'contexts/sessionContext'
  
  const withSession = () =&gt; {
    const WithSession = &lt;T extends Tokens&gt;(WrappedComponent: React.ComponentType&lt;T&gt;): React.FC&lt;T &amp; Tokens&gt; =&gt; {
      return ({accessToken, refreshToken, expiry, ...props}: Tokens) =&gt; {
        return (
          &lt;SessionContext.Provider value={{accessToken, refreshToken, expiry}}&gt;
            &lt;WrappedComponent {...props as T} /&gt;
          &lt;/SessionContext.Provider&gt;
        )
      }
    }
  
    const mapStateToProps = (state: any) =&gt; {
      return {
        tokens: selectors.tokens(state),
      }
    }
  
    const withSessionConnected = connect&lt;any, {}, any&gt;(
      mapStateToProps,
    )(WithSession as any)
  
    return withSessionConnected
  }
  
  export default withSession
  </code></pre>
  
  <p>And my <code>App.ts</code> like so:</p>
  
  <pre><code>import withSession from 'hocs/withSession'
  
  const App: React.FC&lt;Props&gt; = ({test}: Props) =&gt; {
    return &lt;div&gt;This is my App&lt;/div&gt;
  }
  
  export default withSession()(App)
  </code></pre>
  
  <p>Could anyone help me figure out why it's complaining that <code>App</code> does not have any construct or call signatures? Thanks in advance for the help!</p>