title: Type '{}' is not assignable to type 'IntrinsicAttributes & IntrinsicClassAttributes<Search> & Readonly<{ children?: ReactNode; }>
body: <p>I am very new to React and TypeScript. I am developing a web page in Visual Studio 2017 where I have a search component which I would like to use in my home component. But after importing search into my home component, I get a compile time error saying:</p>
  
  <pre><code>Type {} is not assignable to type 'IntrinsicAttributes &amp; IntrinsicClassAttributes&lt;Search&gt; &amp; Readonly&lt;{ children?: ReactNode; }&gt;  
  Type {} is not assignable to type Readonly&lt;SearchForm&gt;  
   Property 'suggestionList' is missing in type {}
  </code></pre>
  
  <p>Search Component code:</p>
  
  <pre><code>export class Search extends React.Component&lt;SearchForm&gt; { //SearchForm is a class with string and an object of another class as properties
  constructor() {
      super();
  }
  </code></pre>
  
  <p>Home component code:</p>
  
  <pre><code>   export class Home extends React.Component&lt;RouteComponentProps&lt;{}&gt;, {}&gt; 
     {
     return &lt;div&gt;
          &lt; Search /&gt; // &lt;=Getting error at this line
     &lt;div&gt;
     }
  </code></pre>
  
  <p>If I remove <code>RouteComponentProps&lt;{}&gt;</code> from Home component, then I get an error in route.tsx file. I know, I must be doing something wrong or some silly mistake. I googled this but I am not getting any helpful answers. Can somebody tell me how do I solve this?</p>