diff --git a/types/react/index.d.ts b/types/react/index.d.ts
index 577959ae7b..6ce2919510 100644
--- a/types/react/index.d.ts
+++ b/types/react/index.d.ts
@@ -144,6 +144,10 @@ declare namespace React {
         type: keyof ReactSVG,
         props?: ClassAttributes<T> & P,
         ...children: ReactNode[]): ReactSVGElement;
+    function createElement<P extends DOMAttributes<T>, T extends Element>(
+        type: string,
+        props?: ClassAttributes<T> & P,
+        ...children: ReactNode[]): DOMElement<P, T>;
     function createElement<P>(
         type: SFC<P>,
         props?: Attributes & P,
diff --git a/types/react/test/index.ts b/types/react/test/index.ts
index 27acc07d34..66b8c24bac 100644
--- a/types/react/test/index.ts
+++ b/types/react/test/index.ts
@@ -190,8 +190,12 @@ var classicElement: React.ClassicElement<Props> =
     React.createElement(ClassicComponent, props);
 var domElement: React.ReactHTMLElement<HTMLDivElement> =
     React.createElement("div");
-var htmlElement = React.createElement("input", { type: "text" });
-var svgElement = React.createElement("svg", { accentHeight: 12 });
+var literalHtmlElement = React.createElement("input", { type: "text" });
+var literalSvgElement = React.createElement("svg", { accentHeight: 12 });
+
+declare let cardhtml: React.HTMLProps<HTMLElement>;
+declare let accessKey: string;
+var nonLiteralElement = React.createElement(accessKey, cardhtml);
 
 // React.cloneElement
 var clonedElement: React.CElement<Props, ModernComponent> =