title: ReactComponent has no properties in common with type 'IntrinsicAttributes & { children?: ReactNode; }' when using Route render
body: <p>When using:</p>
  
  <pre><code>&lt;Route path={rootPath} exact render={props =&gt; &lt;LoginLayout {...props} /&gt;} /&gt;
  </code></pre>
  
  <p>in typescript <code>LoginLayout</code> when prompts an error:</p>
  
  <pre><code>Type '{ history: History&lt;PoorMansUnknown&gt;; location: Location&lt;PoorMansUnknown&gt;; match: match&lt;any&gt;; staticContext?: StaticContext | undefined; }' has no properties in common with type 'IntrinsicAttributes &amp; { children?: ReactNode; }'.ts(2559)
  </code></pre>
  
  <p>I tried to add:</p>
  
  <pre><code>const LoginLayout:FunctionComponent = (props: any) =&gt; { ... };
  
  &lt;Route path={rootPath} exact render={(props: any) =&gt; &lt;LoginLayout {...props} /&gt;} /&gt;
  </code></pre>
  
  <p>But it doesn't work. I also tried:</p>
  
  <pre><code>const LoginLayout:FunctionComponent = (props: RouteComponentProps) =&gt; { ... };
  
  &lt;Route path={rootPath} exact render={(props: RouteComponentProps) =&gt; &lt;LoginLayout {...props} /&gt;} /&gt;
  </code></pre>
  
  <p>And it doesn't work...</p>