title: TypeScript using React.createElement inside component not working/compiling
body: <p>In my <code>React</code>, <code>TypeScript</code> application I simply need to create new instance of a custom component which - in my case - is showing a notification.</p>
  
  <p>The notification's props are read from the <code>localStorage</code>. 
  As the notification needs some adjustments regarding the height I need to create a new instance (so <code>componentDidMount</code> gets called).</p>
  
  <p>However, when calling in my <code>render</code></p>
  
  <pre><code>const { props: { }, state: { notificationProps } } = this;
  
  const Element = React.createElement(Vtm.Notification, notificationProps, null);
  
  return &lt;Element /&gt;;
  </code></pre>
  
  <p>I get a bunch of errors:</p>
  
  <pre><code>JSX element type 'Element' does not have any construct or call signatures.
  </code></pre>
  
  <p>and from ReSharper:</p>
  
  <pre><code>_$_$RsRpExt"FromFile:\node_modules\@types\react\index.d.ts, module=JavaScriptReferencedFilesModule:Referenced external files".React.createElement : {
      (type: "input", props?: InputHTMLAttributes&lt;HTMLInputElement&gt; &amp; ClassAttributes&lt;HTMLInputElement&gt;, ...children: ReactNode[]) =&gt; DetailedReactHTMLElement&lt;InputHTMLAttributes&lt;HTMLInputElement&gt;, HTMLInputElement&gt;; 
      &lt;P extends HTMLAttributes&lt;T extends HTMLElement&gt;, T extends HTMLElement&gt;(type: "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noscript" | "object" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "small" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview", props?: ClassAttributes&lt;T extends HTMLElement&gt; &amp; P extends HTMLAttributes, ...children: ReactNode[]) =&gt; DetailedReactHTMLElement&lt;P extends HTMLAttributes, T extends HTMLElement&gt;; 
      &lt;P extends SVGAttributes&lt;T extends SVGElement&gt;, T extends SVGElement&gt;(type: "animate" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "svg" | "switch" | "symbol" | "text" | "textPath" | "tspan" | "use" | "view", props?: ClassAttributes&lt;T extends SVGElement&gt; &amp; P extends SVGAttributes, ...children: ReactNode[]) =&gt; ReactSVGElement; 
      &lt;P extends DOMAttributes&lt;T extends Element&gt;, T extends Element&gt;(type: string, props?: ClassAttributes&lt;T extends Element&gt; &amp; P extends DOMAttributes, ...children: ReactNode[]) =&gt; DOMElement&lt;P extends DOMAttributes, T extends Element&gt;; 
      &lt;P&gt;(type: SFC, props?: Attributes &amp; P, ...children: ReactNode[]) =&gt; SFCElement&lt;P&gt;; 
      &lt;P&gt;(type: ClassType, props?: ClassAttributes&lt;ClassicComponent&lt;P, ComponentState&gt;&gt; &amp; P, ...children: ReactNode[]) =&gt; CElement; 
      &lt;P, T extends Component&lt;P, ComponentState&gt;, C extends ComponentClass&lt;P&gt;&gt;(type: ClassType, props?: ClassAttributes&lt;T extends Component&gt; &amp; P, ...children: ReactNode[]) =&gt; CElement; 
      &lt;P&gt;(type: StatelessComponent&lt;P&gt; | ComponentClass&lt;P&gt; | string, props?: Attributes &amp; P, ...children: ReactNode[]) =&gt; ReactElement&lt;P&gt;; 
  }
  </code></pre>