title: Type '{ children: string; }' has no properties in common with type 'IntrinsicAttributes & IModalProps'
body: <p>This code:</p>
  
  <pre class="lang-js prettyprint-override"><code>import { Modal } from "office-ui-fabric-react/lib/Modal";
  import * as React from "react";
  
  export interface ISignInFormProps {
    showModal: boolean;
  }
  
  const SignInForm = () =&gt; {
    return &lt;Modal&gt;Hello&lt;/Modal&gt;;
  };
  
  export default SignInForm;
  </code></pre>
  
  <p>Produces the following error:</p>
  
  <blockquote>
    <p>(9,11): Type '{ children: string; }' has no properties in common with
    type 'IntrinsicAttributes &amp; IModalProps'.</p>
  </blockquote>
  
  <p><a href="https://i.stack.imgur.com/5Krx7.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/5Krx7.png" alt="enter image description here"></a></p>
  
  <p>This CodePen doesn't display any error - <a href="https://codepen.io/camden-kid/pen/aMmzKq?editors=0010" rel="nofollow noreferrer">https://codepen.io/camden-kid/pen/aMmzKq?editors=0010</a></p>
  
  <p>What is the cause of the problem and how can it be resolved?</p>