title: Typescript/React: Module has no exported member
body: <p>I am trying to export prop types from one view component to another container component and use them as state type definitions:</p>
  
  <pre><code>// ./Component.tsx
  export type Props {
      someProp: string;
  }
  
  export const Component = (props: Props ) =&gt; {
      ...etc
  }
  
  // ./AnotherComponent.tsx
  import { Component, Props as ComponentProps } from "./Component";
  
  type Props = {}
  
  type State = ComponentProps &amp; {};
  
  class AnotherComponent extends React.Component&lt;Props, State&gt; {
      state: State;
      ...etc
  }
  </code></pre>
  
  <p><strong>However I am getting in console:</strong></p>
  
  <pre><code>Module '"./Component "' has no exported member 'Props'.
  </code></pre>
  
  <p>Any suggestions for how I should be going about this?</p>
  
  <p>I have also tried using lookup types as per <a href="https://medium.com/@martin_hotell/10-typescript-pro-tips-patterns-with-or-without-react-5799488d6680" rel="nofollow noreferrer">this</a> article, but no joy.</p>