diff --git a/tests/baselines/reference/checkJsxChildrenProperty14.errors.txt b/tests/baselines/reference/checkJsxChildrenProperty14.errors.txt
new file mode 100644
index 00000000000..ecae349e19e
--- /dev/null
+++ b/tests/baselines/reference/checkJsxChildrenProperty14.errors.txt
@@ -0,0 +1,56 @@
+tests/cases/conformance/jsx/file.tsx(42,27): error TS2322: Type '{ a: 10; b: "hi"; children: Element[]; }' is not assignable to type 'IntrinsicAttributes & SingleChildProp'.
+  Type '{ a: 10; b: "hi"; children: Element[]; }' is not assignable to type 'SingleChildProp'.
+    Types of property 'children' are incompatible.
+      Type 'Element[]' is not assignable to type 'Element'.
+        Property 'type' is missing in type 'Element[]'.
+
+
+==== tests/cases/conformance/jsx/file.tsx (1 errors) ====
+    import React = require('react');
+    
+    interface Prop {
+        a: number,
+        b: string,
+        children: JSX.Element | JSX.Element[];
+    }
+    
+    class Button extends React.Component<any, any> {
+        render() {
+            return (<div>My Button</div>)
+        }
+    }
+    
+    function AnotherButton(p: any) {
+        return <h1>Just Another Button</h1>;
+    }
+    
+    function Comp(p: Prop) {
+        return <div>{p.b}</div>;
+    }
+    
+    // OK
+    let k1 = <Comp a={10} b="hi"><></><Button /><AnotherButton /></Comp>;
+    let k2 = <Comp a={10} b="hi"><><Button /></><AnotherButton /></Comp>;
+    let k3 = <Comp a={10} b="hi"><><Button /><AnotherButton /></></Comp>;
+    
+    interface SingleChildProp {
+        a: number,
+        b: string,
+        children: JSX.Element;
+    }
+    
+    function SingleChildComp(p: SingleChildProp) {
+        return <div>{p.b}</div>;
+    }
+    
+    // OK
+    let k4 = <SingleChildComp a={10} b="hi"><><Button /><AnotherButton /></></SingleChildComp>;
+    
+    // Error
+    let k5 = <SingleChildComp a={10} b="hi"><></><Button /><AnotherButton /></SingleChildComp>;
+                              ~~~~~~~~~~~~~
+!!! error TS2322: Type '{ a: 10; b: "hi"; children: Element[]; }' is not assignable to type 'IntrinsicAttributes & SingleChildProp'.
+!!! error TS2322:   Type '{ a: 10; b: "hi"; children: Element[]; }' is not assignable to type 'SingleChildProp'.
+!!! error TS2322:     Types of property 'children' are incompatible.
+!!! error TS2322:       Type 'Element[]' is not assignable to type 'Element'.
+!!! error TS2322:         Property 'type' is missing in type 'Element[]'.
\ No newline at end of file
diff --git a/tests/baselines/reference/checkJsxChildrenProperty14.js b/tests/baselines/reference/checkJsxChildrenProperty14.js
new file mode 100644
index 00000000000..182b0f0a879
--- /dev/null
+++ b/tests/baselines/reference/checkJsxChildrenProperty14.js
@@ -0,0 +1,85 @@
+//// [file.tsx]
+import React = require('react');
+
+interface Prop {
+    a: number,
+    b: string,
+    children: JSX.Element | JSX.Element[];
+}
+
+class Button extends React.Component<any, any> {
+    render() {
+        return (<div>My Button</div>)
+    }
+}
+
+function AnotherButton(p: any) {
+    return <h1>Just Another Button</h1>;
+}
+
+function Comp(p: Prop) {
+    return <div>{p.b}</div>;
+}
+
+// OK
+let k1 = <Comp a={10} b="hi"><></><Button /><AnotherButton /></Comp>;
+let k2 = <Comp a={10} b="hi"><><Button /></><AnotherButton /></Comp>;
+let k3 = <Comp a={10} b="hi"><><Button /><AnotherButton /></></Comp>;
+
+interface SingleChildProp {
+    a: number,
+    b: string,
+    children: JSX.Element;
+}
+
+function SingleChildComp(p: SingleChildProp) {
+    return <div>{p.b}</div>;
+}
+
+// OK
+let k4 = <SingleChildComp a={10} b="hi"><><Button /><AnotherButton /></></SingleChildComp>;
+
+// Error
+let k5 = <SingleChildComp a={10} b="hi"><></><Button /><AnotherButton /></SingleChildComp>;
+
+//// [file.jsx]
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = Object.setPrototypeOf ||
+        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+exports.__esModule = true;
+var React = require("react");
+var Button = /** @class */ (function (_super) {
+    __extends(Button, _super);
+    function Button() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Button.prototype.render = function () {
+        return (<div>My Button</div>);
+    };
+    return Button;
+}(React.Component));
+function AnotherButton(p) {
+    return <h1>Just Another Button</h1>;
+}
+function Comp(p) {
+    return <div>{p.b}</div>;
+}
+// OK
+var k1 = <Comp a={10} b="hi"><></><Button /><AnotherButton /></Comp>;
+var k2 = <Comp a={10} b="hi"><><Button /></><AnotherButton /></Comp>;
+var k3 = <Comp a={10} b="hi"><><Button /><AnotherButton /></></Comp>;
+function SingleChildComp(p) {
+    return <div>{p.b}</div>;
+}
+// OK
+var k4 = <SingleChildComp a={10} b="hi"><><Button /><AnotherButton /></></SingleChildComp>;
+// Error
+var k5 = <SingleChildComp a={10} b="hi"><></><Button /><AnotherButton /></SingleChildComp>;
diff --git a/tests/baselines/reference/checkJsxChildrenProperty14.symbols b/tests/baselines/reference/checkJsxChildrenProperty14.symbols
new file mode 100644
index 00000000000..c8b5ef0e969
--- /dev/null
+++ b/tests/baselines/reference/checkJsxChildrenProperty14.symbols
@@ -0,0 +1,134 @@
+=== tests/cases/conformance/jsx/file.tsx ===
+import React = require('react');
+>React : Symbol(React, Decl(file.tsx, 0, 0))
+
+interface Prop {
+>Prop : Symbol(Prop, Decl(file.tsx, 0, 32))
+
+    a: number,
+>a : Symbol(Prop.a, Decl(file.tsx, 2, 16))
+
+    b: string,
+>b : Symbol(Prop.b, Decl(file.tsx, 3, 14))
+
+    children: JSX.Element | JSX.Element[];
+>children : Symbol(Prop.children, Decl(file.tsx, 4, 14))
+>JSX : Symbol(JSX, Decl(react.d.ts, 2353, 1))
+>Element : Symbol(JSX.Element, Decl(react.d.ts, 2356, 27))
+>JSX : Symbol(JSX, Decl(react.d.ts, 2353, 1))
+>Element : Symbol(JSX.Element, Decl(react.d.ts, 2356, 27))
+}
+
+class Button extends React.Component<any, any> {
+>Button : Symbol(Button, Decl(file.tsx, 6, 1))
+>React.Component : Symbol(React.Component, Decl(react.d.ts, 158, 55), Decl(react.d.ts, 161, 66))
+>React : Symbol(React, Decl(file.tsx, 0, 0))
+>Component : Symbol(React.Component, Decl(react.d.ts, 158, 55), Decl(react.d.ts, 161, 66))
+
+    render() {
+>render : Symbol(Button.render, Decl(file.tsx, 8, 48))
+
+        return (<div>My Button</div>)
+>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
+>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
+    }
+}
+
+function AnotherButton(p: any) {
+>AnotherButton : Symbol(AnotherButton, Decl(file.tsx, 12, 1))
+>p : Symbol(p, Decl(file.tsx, 14, 23))
+
+    return <h1>Just Another Button</h1>;
+>h1 : Symbol(JSX.IntrinsicElements.h1, Decl(react.d.ts, 2410, 47))
+>h1 : Symbol(JSX.IntrinsicElements.h1, Decl(react.d.ts, 2410, 47))
+}
+
+function Comp(p: Prop) {
+>Comp : Symbol(Comp, Decl(file.tsx, 16, 1))
+>p : Symbol(p, Decl(file.tsx, 18, 14))
+>Prop : Symbol(Prop, Decl(file.tsx, 0, 32))
+
+    return <div>{p.b}</div>;
+>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
+>p.b : Symbol(Prop.b, Decl(file.tsx, 3, 14))
+>p : Symbol(p, Decl(file.tsx, 18, 14))
+>b : Symbol(Prop.b, Decl(file.tsx, 3, 14))
+>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
+}
+
+// OK
+let k1 = <Comp a={10} b="hi"><></><Button /><AnotherButton /></Comp>;
+>k1 : Symbol(k1, Decl(file.tsx, 23, 3))
+>Comp : Symbol(Comp, Decl(file.tsx, 16, 1))
+>a : Symbol(a, Decl(file.tsx, 23, 14))
+>b : Symbol(b, Decl(file.tsx, 23, 21))
+>Button : Symbol(Button, Decl(file.tsx, 6, 1))
+>AnotherButton : Symbol(AnotherButton, Decl(file.tsx, 12, 1))
+>Comp : Symbol(Comp, Decl(file.tsx, 16, 1))
+
+let k2 = <Comp a={10} b="hi"><><Button /></><AnotherButton /></Comp>;
+>k2 : Symbol(k2, Decl(file.tsx, 24, 3))
+>Comp : Symbol(Comp, Decl(file.tsx, 16, 1))
+>a : Symbol(a, Decl(file.tsx, 24, 14))
+>b : Symbol(b, Decl(file.tsx, 24, 21))
+>Button : Symbol(Button, Decl(file.tsx, 6, 1))
+>AnotherButton : Symbol(AnotherButton, Decl(file.tsx, 12, 1))
+>Comp : Symbol(Comp, Decl(file.tsx, 16, 1))
+
+let k3 = <Comp a={10} b="hi"><><Button /><AnotherButton /></></Comp>;
+>k3 : Symbol(k3, Decl(file.tsx, 25, 3))
+>Comp : Symbol(Comp, Decl(file.tsx, 16, 1))
+>a : Symbol(a, Decl(file.tsx, 25, 14))
+>b : Symbol(b, Decl(file.tsx, 25, 21))
+>Button : Symbol(Button, Decl(file.tsx, 6, 1))
+>AnotherButton : Symbol(AnotherButton, Decl(file.tsx, 12, 1))
+>Comp : Symbol(Comp, Decl(file.tsx, 16, 1))
+
+interface SingleChildProp {
+>SingleChildProp : Symbol(SingleChildProp, Decl(file.tsx, 25, 69))
+
+    a: number,
+>a : Symbol(SingleChildProp.a, Decl(file.tsx, 27, 27))
+
+    b: string,
+>b : Symbol(SingleChildProp.b, Decl(file.tsx, 28, 14))
+
+    children: JSX.Element;
+>children : Symbol(SingleChildProp.children, Decl(file.tsx, 29, 14))
+>JSX : Symbol(JSX, Decl(react.d.ts, 2353, 1))
+>Element : Symbol(JSX.Element, Decl(react.d.ts, 2356, 27))
+}
+
+function SingleChildComp(p: SingleChildProp) {
+>SingleChildComp : Symbol(SingleChildComp, Decl(file.tsx, 31, 1))
+>p : Symbol(p, Decl(file.tsx, 33, 25))
+>SingleChildProp : Symbol(SingleChildProp, Decl(file.tsx, 25, 69))
+
+    return <div>{p.b}</div>;
+>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
+>p.b : Symbol(SingleChildProp.b, Decl(file.tsx, 28, 14))
+>p : Symbol(p, Decl(file.tsx, 33, 25))
+>b : Symbol(SingleChildProp.b, Decl(file.tsx, 28, 14))
+>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
+}
+
+// OK
+let k4 = <SingleChildComp a={10} b="hi"><><Button /><AnotherButton /></></SingleChildComp>;
+>k4 : Symbol(k4, Decl(file.tsx, 38, 3))
+>SingleChildComp : Symbol(SingleChildComp, Decl(file.tsx, 31, 1))
+>a : Symbol(a, Decl(file.tsx, 38, 25))
+>b : Symbol(b, Decl(file.tsx, 38, 32))
+>Button : Symbol(Button, Decl(file.tsx, 6, 1))
+>AnotherButton : Symbol(AnotherButton, Decl(file.tsx, 12, 1))
+>SingleChildComp : Symbol(SingleChildComp, Decl(file.tsx, 31, 1))
+
+// Error
+let k5 = <SingleChildComp a={10} b="hi"><></><Button /><AnotherButton /></SingleChildComp>;
+>k5 : Symbol(k5, Decl(file.tsx, 41, 3))
+>SingleChildComp : Symbol(SingleChildComp, Decl(file.tsx, 31, 1))
+>a : Symbol(a, Decl(file.tsx, 41, 25))
+>b : Symbol(b, Decl(file.tsx, 41, 32))
+>Button : Symbol(Button, Decl(file.tsx, 6, 1))
+>AnotherButton : Symbol(AnotherButton, Decl(file.tsx, 12, 1))
+>SingleChildComp : Symbol(SingleChildComp, Decl(file.tsx, 31, 1))
+
diff --git a/tests/baselines/reference/checkJsxChildrenProperty14.types b/tests/baselines/reference/checkJsxChildrenProperty14.types
new file mode 100644
index 00000000000..a0d9797934c
--- /dev/null
+++ b/tests/baselines/reference/checkJsxChildrenProperty14.types
@@ -0,0 +1,164 @@
+=== tests/cases/conformance/jsx/file.tsx ===
+import React = require('react');
+>React : typeof React
+
+interface Prop {
+>Prop : Prop
+
+    a: number,
+>a : number
+
+    b: string,
+>b : string
+
+    children: JSX.Element | JSX.Element[];
+>children : JSX.Element | JSX.Element[]
+>JSX : any
+>Element : JSX.Element
+>JSX : any
+>Element : JSX.Element
+}
+
+class Button extends React.Component<any, any> {
+>Button : Button
+>React.Component : React.Component<any, any>
+>React : typeof React
+>Component : typeof React.Component
+
+    render() {
+>render : () => JSX.Element
+
+        return (<div>My Button</div>)
+>(<div>My Button</div>) : JSX.Element
+><div>My Button</div> : JSX.Element
+>div : any
+>div : any
+    }
+}
+
+function AnotherButton(p: any) {
+>AnotherButton : (p: any) => JSX.Element
+>p : any
+
+    return <h1>Just Another Button</h1>;
+><h1>Just Another Button</h1> : JSX.Element
+>h1 : any
+>h1 : any
+}
+
+function Comp(p: Prop) {
+>Comp : (p: Prop) => JSX.Element
+>p : Prop
+>Prop : Prop
+
+    return <div>{p.b}</div>;
+><div>{p.b}</div> : JSX.Element
+>div : any
+>p.b : string
+>p : Prop
+>b : string
+>div : any
+}
+
+// OK
+let k1 = <Comp a={10} b="hi"><></><Button /><AnotherButton /></Comp>;
+>k1 : JSX.Element
+><Comp a={10} b="hi"><></><Button /><AnotherButton /></Comp> : JSX.Element
+>Comp : (p: Prop) => JSX.Element
+>a : number
+>10 : 10
+>b : string
+><></> : JSX.Element
+><Button /> : JSX.Element
+>Button : typeof Button
+><AnotherButton /> : JSX.Element
+>AnotherButton : (p: any) => JSX.Element
+>Comp : (p: Prop) => JSX.Element
+
+let k2 = <Comp a={10} b="hi"><><Button /></><AnotherButton /></Comp>;
+>k2 : JSX.Element
+><Comp a={10} b="hi"><><Button /></><AnotherButton /></Comp> : JSX.Element
+>Comp : (p: Prop) => JSX.Element
+>a : number
+>10 : 10
+>b : string
+><><Button /></> : JSX.Element
+><Button /> : JSX.Element
+>Button : typeof Button
+><AnotherButton /> : JSX.Element
+>AnotherButton : (p: any) => JSX.Element
+>Comp : (p: Prop) => JSX.Element
+
+let k3 = <Comp a={10} b="hi"><><Button /><AnotherButton /></></Comp>;
+>k3 : JSX.Element
+><Comp a={10} b="hi"><><Button /><AnotherButton /></></Comp> : JSX.Element
+>Comp : (p: Prop) => JSX.Element
+>a : number
+>10 : 10
+>b : string
+><><Button /><AnotherButton /></> : JSX.Element
+><Button /> : JSX.Element
+>Button : typeof Button
+><AnotherButton /> : JSX.Element
+>AnotherButton : (p: any) => JSX.Element
+>Comp : (p: Prop) => JSX.Element
+
+interface SingleChildProp {
+>SingleChildProp : SingleChildProp
+
+    a: number,
+>a : number
+
+    b: string,
+>b : string
+
+    children: JSX.Element;
+>children : JSX.Element
+>JSX : any
+>Element : JSX.Element
+}
+
+function SingleChildComp(p: SingleChildProp) {
+>SingleChildComp : (p: SingleChildProp) => JSX.Element
+>p : SingleChildProp
+>SingleChildProp : SingleChildProp
+
+    return <div>{p.b}</div>;
+><div>{p.b}</div> : JSX.Element
+>div : any
+>p.b : string
+>p : SingleChildProp
+>b : string
+>div : any
+}
+
+// OK
+let k4 = <SingleChildComp a={10} b="hi"><><Button /><AnotherButton /></></SingleChildComp>;
+>k4 : JSX.Element
+><SingleChildComp a={10} b="hi"><><Button /><AnotherButton /></></SingleChildComp> : JSX.Element
+>SingleChildComp : (p: SingleChildProp) => JSX.Element
+>a : number
+>10 : 10
+>b : string
+><><Button /><AnotherButton /></> : JSX.Element
+><Button /> : JSX.Element
+>Button : typeof Button
+><AnotherButton /> : JSX.Element
+>AnotherButton : (p: any) => JSX.Element
+>SingleChildComp : (p: SingleChildProp) => JSX.Element
+
+// Error
+let k5 = <SingleChildComp a={10} b="hi"><></><Button /><AnotherButton /></SingleChildComp>;
+>k5 : JSX.Element
+><SingleChildComp a={10} b="hi"><></><Button /><AnotherButton /></SingleChildComp> : JSX.Element
+>SingleChildComp : (p: SingleChildProp) => JSX.Element
+>a : number
+>10 : 10
+>b : string
+><></> : JSX.Element
+><Button /> : JSX.Element
+>Button : typeof Button
+><AnotherButton /> : JSX.Element
+>AnotherButton : (p: any) => JSX.Element
+>SingleChildComp : (p: SingleChildProp) => JSX.Element
+
diff --git a/tests/baselines/reference/tsxFragmentErrors.errors.txt b/tests/baselines/reference/tsxFragmentErrors.errors.txt
new file mode 100644
index 00000000000..ad914e555ef
--- /dev/null
+++ b/tests/baselines/reference/tsxFragmentErrors.errors.txt
@@ -0,0 +1,25 @@
+tests/cases/conformance/jsx/file.tsx(9,7): error TS17015: Expected corresponding JSX fragment closing tag.
+tests/cases/conformance/jsx/file.tsx(9,11): error TS17014: JSX fragment has no corresponding closing tag.
+tests/cases/conformance/jsx/file.tsx(11,17): error TS1005: '</' expected.
+
+
+==== tests/cases/conformance/jsx/file.tsx (3 errors) ====
+    declare module JSX {
+    	interface Element { }
+    	interface IntrinsicElements {
+    		[s: string]: any;
+    	}
+    }
+    declare var React: any;
+    
+    <>hi</div> // Error
+          ~~~
+!!! error TS17015: Expected corresponding JSX fragment closing tag.
+              ~~~~~~~~~
+    
+    
+    <>eof   // Error
+    ~~
+!!! error TS17014: JSX fragment has no corresponding closing tag.
+                    
+!!! error TS1005: '</' expected.
\ No newline at end of file
diff --git a/tests/baselines/reference/tsxFragmentErrors.js b/tests/baselines/reference/tsxFragmentErrors.js
new file mode 100644
index 00000000000..b0b5a622ea7
--- /dev/null
+++ b/tests/baselines/reference/tsxFragmentErrors.js
@@ -0,0 +1,17 @@
+//// [file.tsx]
+declare module JSX {
+	interface Element { }
+	interface IntrinsicElements {
+		[s: string]: any;
+	}
+}
+declare var React: any;
+
+<>hi</div> // Error
+
+<>eof   // Error
+
+//// [file.js]
+React.createElement(React.Fragment, null, "hi") // Error
+    , // Error
+        React.createElement(React.Fragment, null, "eof   // Error");
diff --git a/tests/baselines/reference/tsxFragmentErrors.symbols b/tests/baselines/reference/tsxFragmentErrors.symbols
new file mode 100644
index 00000000000..71ab4b139e3
--- /dev/null
+++ b/tests/baselines/reference/tsxFragmentErrors.symbols
@@ -0,0 +1,20 @@
+=== tests/cases/conformance/jsx/file.tsx ===
+declare module JSX {
+>JSX : Symbol(JSX, Decl(file.tsx, 0, 0))
+
+	interface Element { }
+>Element : Symbol(Element, Decl(file.tsx, 0, 20))
+
+	interface IntrinsicElements {
+>IntrinsicElements : Symbol(IntrinsicElements, Decl(file.tsx, 1, 22))
+
+		[s: string]: any;
+>s : Symbol(s, Decl(file.tsx, 3, 3))
+	}
+}
+declare var React: any;
+>React : Symbol(React, Decl(file.tsx, 6, 11))
+
+<>hi</div> // Error
+
+<>eof   // Error
diff --git a/tests/baselines/reference/tsxFragmentErrors.types b/tests/baselines/reference/tsxFragmentErrors.types
new file mode 100644
index 00000000000..397d06f1138
--- /dev/null
+++ b/tests/baselines/reference/tsxFragmentErrors.types
@@ -0,0 +1,24 @@
+=== tests/cases/conformance/jsx/file.tsx ===
+declare module JSX {
+>JSX : any
+
+	interface Element { }
+>Element : Element
+
+	interface IntrinsicElements {
+>IntrinsicElements : IntrinsicElements
+
+		[s: string]: any;
+>s : string
+	}
+}
+declare var React: any;
+>React : any
+
+<>hi</div> // Error
+><>hi</div> // Error<>eof   // Error : JSX.Element
+><>hi</div> : JSX.Element
+
+<>eof   // Error
+><>eof   // Error : JSX.Element
+
diff --git a/tests/baselines/reference/tsxFragmentPreserveEmit.js b/tests/baselines/reference/tsxFragmentPreserveEmit.js
new file mode 100644
index 00000000000..5b3328a842d
--- /dev/null
+++ b/tests/baselines/reference/tsxFragmentPreserveEmit.js
@@ -0,0 +1,23 @@
+//// [file.tsx]
+declare module JSX {
+	interface Element { }
+	interface IntrinsicElements {
+		[s: string]: any;
+	}
+}
+declare var React: any;
+
+<></>; // no whitespace
+<    ></   >; // lots of whitespace
+< /*starting wrap*/ ></ /*ending wrap*/>; // comments in the tags
+<>hi</>; // text inside
+<><span>hi</span><div>bye</div></>; // children
+<><span>1</span><><span>2.1</span><span>2.2</span></><span>3</span></>; // nested fragments
+
+//// [file.jsx]
+<></>; // no whitespace
+<></>; // lots of whitespace
+<></>; // comments in the tags
+<>hi</>; // text inside
+<><span>hi</span><div>bye</div></>; // children
+<><span>1</span><><span>2.1</span><span>2.2</span></><span>3</span></>; // nested fragments
diff --git a/tests/baselines/reference/tsxFragmentPreserveEmit.symbols b/tests/baselines/reference/tsxFragmentPreserveEmit.symbols
new file mode 100644
index 00000000000..c75d812480c
--- /dev/null
+++ b/tests/baselines/reference/tsxFragmentPreserveEmit.symbols
@@ -0,0 +1,37 @@
+=== tests/cases/conformance/jsx/file.tsx ===
+declare module JSX {
+>JSX : Symbol(JSX, Decl(file.tsx, 0, 0))
+
+	interface Element { }
+>Element : Symbol(Element, Decl(file.tsx, 0, 20))
+
+	interface IntrinsicElements {
+>IntrinsicElements : Symbol(IntrinsicElements, Decl(file.tsx, 1, 22))
+
+		[s: string]: any;
+>s : Symbol(s, Decl(file.tsx, 3, 3))
+	}
+}
+declare var React: any;
+>React : Symbol(React, Decl(file.tsx, 6, 11))
+
+<></>; // no whitespace
+<    ></   >; // lots of whitespace
+< /*starting wrap*/ ></ /*ending wrap*/>; // comments in the tags
+<>hi</>; // text inside
+<><span>hi</span><div>bye</div></>; // children
+>span : Symbol(JSX.IntrinsicElements, Decl(file.tsx, 1, 22))
+>span : Symbol(JSX.IntrinsicElements, Decl(file.tsx, 1, 22))
+>div : Symbol(JSX.IntrinsicElements, Decl(file.tsx, 1, 22))
+>div : Symbol(JSX.IntrinsicElements, Decl(file.tsx, 1, 22))
+
+<><span>1</span><><span>2.1</span><span>2.2</span></><span>3</span></>; // nested fragments
+>span : Symbol(JSX.IntrinsicElements, Decl(file.tsx, 1, 22))
+>span : Symbol(JSX.IntrinsicElements, Decl(file.tsx, 1, 22))
+>span : Symbol(JSX.IntrinsicElements, Decl(file.tsx, 1, 22))
+>span : Symbol(JSX.IntrinsicElements, Decl(file.tsx, 1, 22))
+>span : Symbol(JSX.IntrinsicElements, Decl(file.tsx, 1, 22))
+>span : Symbol(JSX.IntrinsicElements, Decl(file.tsx, 1, 22))
+>span : Symbol(JSX.IntrinsicElements, Decl(file.tsx, 1, 22))
+>span : Symbol(JSX.IntrinsicElements, Decl(file.tsx, 1, 22))
+
diff --git a/tests/baselines/reference/tsxFragmentPreserveEmit.types b/tests/baselines/reference/tsxFragmentPreserveEmit.types
new file mode 100644
index 00000000000..4eea3d72cff
--- /dev/null
+++ b/tests/baselines/reference/tsxFragmentPreserveEmit.types
@@ -0,0 +1,54 @@
+=== tests/cases/conformance/jsx/file.tsx ===
+declare module JSX {
+>JSX : any
+
+	interface Element { }
+>Element : Element
+
+	interface IntrinsicElements {
+>IntrinsicElements : IntrinsicElements
+
+		[s: string]: any;
+>s : string
+	}
+}
+declare var React: any;
+>React : any
+
+<></>; // no whitespace
+><></> : JSX.Element
+
+<    ></   >; // lots of whitespace
+><    ></   > : JSX.Element
+
+< /*starting wrap*/ ></ /*ending wrap*/>; // comments in the tags
+>< /*starting wrap*/ ></ /*ending wrap*/> : JSX.Element
+
+<>hi</>; // text inside
+><>hi</> : JSX.Element
+
+<><span>hi</span><div>bye</div></>; // children
+><><span>hi</span><div>bye</div></> : JSX.Element
+><span>hi</span> : JSX.Element
+>span : any
+>span : any
+><div>bye</div> : JSX.Element
+>div : any
+>div : any
+
+<><span>1</span><><span>2.1</span><span>2.2</span></><span>3</span></>; // nested fragments
+><><span>1</span><><span>2.1</span><span>2.2</span></><span>3</span></> : JSX.Element
+><span>1</span> : JSX.Element
+>span : any
+>span : any
+><><span>2.1</span><span>2.2</span></> : JSX.Element
+><span>2.1</span> : JSX.Element
+>span : any
+>span : any
+><span>2.2</span> : JSX.Element
+>span : any
+>span : any
+><span>3</span> : JSX.Element
+>span : any
+>span : any
+
diff --git a/tests/baselines/reference/tsxFragmentReactEmit.js b/tests/baselines/reference/tsxFragmentReactEmit.js
new file mode 100644
index 00000000000..137d07db33c
--- /dev/null
+++ b/tests/baselines/reference/tsxFragmentReactEmit.js
@@ -0,0 +1,30 @@
+//// [file.tsx]
+declare module JSX {
+	interface Element { }
+	interface IntrinsicElements {
+		[s: string]: any;
+	}
+}
+declare var React: any;
+
+<></>; // no whitespace
+<    ></   >; // lots of whitespace
+< /*starting wrap*/ ></ /*ending wrap*/>; // comments in the tags
+<>hi</>; // text inside
+<><span>hi</span><div>bye</div></>; // children
+<><span>1</span><><span>2.1</span><span>2.2</span></><span>3</span></>; // nested fragments
+
+//// [file.js]
+React.createElement(React.Fragment, null); // no whitespace
+React.createElement(React.Fragment, null); // lots of whitespace
+React.createElement(React.Fragment, null); // comments in the tags
+React.createElement(React.Fragment, null, "hi"); // text inside
+React.createElement(React.Fragment, null,
+    React.createElement("span", null, "hi"),
+    React.createElement("div", null, "bye")); // children
+React.createElement(React.Fragment, null,
+    React.createElement("span", null, "1"),
+    React.createElement(React.Fragment, null,
+        React.createElement("span", null, "2.1"),
+        React.createElement("span", null, "2.2")),
+    React.createElement("span", null, "3")); // nested fragments
diff --git a/tests/baselines/reference/tsxFragmentReactEmit.symbols b/tests/baselines/reference/tsxFragmentReactEmit.symbols
new file mode 100644
index 00000000000..c75d812480c
--- /dev/null
+++ b/tests/baselines/reference/tsxFragmentReactEmit.symbols
@@ -0,0 +1,37 @@
+=== tests/cases/conformance/jsx/file.tsx ===
+declare module JSX {
+>JSX : Symbol(JSX, Decl(file.tsx, 0, 0))
+
+	interface Element { }
+>Element : Symbol(Element, Decl(file.tsx, 0, 20))
+
+	interface IntrinsicElements {
+>IntrinsicElements : Symbol(IntrinsicElements, Decl(file.tsx, 1, 22))
+
+		[s: string]: any;
+>s : Symbol(s, Decl(file.tsx, 3, 3))
+	}
+}
+declare var React: any;
+>React : Symbol(React, Decl(file.tsx, 6, 11))
+
+<></>; // no whitespace
+<    ></   >; // lots of whitespace
+< /*starting wrap*/ ></ /*ending wrap*/>; // comments in the tags
+<>hi</>; // text inside
+<><span>hi</span><div>bye</div></>; // children
+>span : Symbol(JSX.IntrinsicElements, Decl(file.tsx, 1, 22))
+>span : Symbol(JSX.IntrinsicElements, Decl(file.tsx, 1, 22))
+>div : Symbol(JSX.IntrinsicElements, Decl(file.tsx, 1, 22))
+>div : Symbol(JSX.IntrinsicElements, Decl(file.tsx, 1, 22))
+
+<><span>1</span><><span>2.1</span><span>2.2</span></><span>3</span></>; // nested fragments
+>span : Symbol(JSX.IntrinsicElements, Decl(file.tsx, 1, 22))
+>span : Symbol(JSX.IntrinsicElements, Decl(file.tsx, 1, 22))
+>span : Symbol(JSX.IntrinsicElements, Decl(file.tsx, 1, 22))
+>span : Symbol(JSX.IntrinsicElements, Decl(file.tsx, 1, 22))
+>span : Symbol(JSX.IntrinsicElements, Decl(file.tsx, 1, 22))
+>span : Symbol(JSX.IntrinsicElements, Decl(file.tsx, 1, 22))
+>span : Symbol(JSX.IntrinsicElements, Decl(file.tsx, 1, 22))
+>span : Symbol(JSX.IntrinsicElements, Decl(file.tsx, 1, 22))
+
diff --git a/tests/baselines/reference/tsxFragmentReactEmit.types b/tests/baselines/reference/tsxFragmentReactEmit.types
new file mode 100644
index 00000000000..4eea3d72cff
--- /dev/null
+++ b/tests/baselines/reference/tsxFragmentReactEmit.types
@@ -0,0 +1,54 @@
+=== tests/cases/conformance/jsx/file.tsx ===
+declare module JSX {
+>JSX : any
+
+	interface Element { }
+>Element : Element
+
+	interface IntrinsicElements {
+>IntrinsicElements : IntrinsicElements
+
+		[s: string]: any;
+>s : string
+	}
+}
+declare var React: any;
+>React : any
+
+<></>; // no whitespace
+><></> : JSX.Element
+
+<    ></   >; // lots of whitespace
+><    ></   > : JSX.Element
+
+< /*starting wrap*/ ></ /*ending wrap*/>; // comments in the tags
+>< /*starting wrap*/ ></ /*ending wrap*/> : JSX.Element
+
+<>hi</>; // text inside
+><>hi</> : JSX.Element
+
+<><span>hi</span><div>bye</div></>; // children
+><><span>hi</span><div>bye</div></> : JSX.Element
+><span>hi</span> : JSX.Element
+>span : any
+>span : any
+><div>bye</div> : JSX.Element
+>div : any
+>div : any
+
+<><span>1</span><><span>2.1</span><span>2.2</span></><span>3</span></>; // nested fragments
+><><span>1</span><><span>2.1</span><span>2.2</span></><span>3</span></> : JSX.Element
+><span>1</span> : JSX.Element
+>span : any
+>span : any
+><><span>2.1</span><span>2.2</span></> : JSX.Element
+><span>2.1</span> : JSX.Element
+>span : any
+>span : any
+><span>2.2</span> : JSX.Element
+>span : any
+>span : any
+><span>3</span> : JSX.Element
+>span : any
+>span : any
+
diff --git a/tests/cases/conformance/jsx/checkJsxChildrenProperty14.tsx b/tests/cases/conformance/jsx/checkJsxChildrenProperty14.tsx
index 65dfc720003..cac6fc8dc64 100644
--- a/tests/cases/conformance/jsx/checkJsxChildrenProperty14.tsx
+++ b/tests/cases/conformance/jsx/checkJsxChildrenProperty14.tsx
@@ -44,5 +44,5 @@ function SingleChildComp(p: SingleChildProp) {
 // OK
 let k4 = <SingleChildComp a={10} b="hi"><><Button /><AnotherButton /></></SingleChildComp>;
 
-// Errors
+// Error
 let k5 = <SingleChildComp a={10} b="hi"><></><Button /><AnotherButton /></SingleChildComp>;
\ No newline at end of file